/* KambaJá official site
   Design read: premium regulated personal-credit site for Angola.
   Direction: editorial finance, calm trust, strong readability, no template card-wall.
*/

:root{
  color-scheme:dark;
  --kj-accent:#604EDC;
  --kj-accent-2:#7D70EE;
  --kj-ink:#f8f0e4;
  --kj-ink-soft:#efe5d8;
  --kj-bg:#121018;
  --kj-paper:#1a1622;
  --kj-card:#211c2a;
  --kj-card-2:#2a2435;
  --kj-muted:#cbbfaf;
  --kj-line:#3c3445;
  --kj-line-strong:#574b61;
  --kj-danger:#a93d4b;
  --kj-ok:#2d6f5a;
  --kj-radius:22px;
  --kj-radius-sm:14px;
  --kj-shadow:none;
}

*,*::before,*::after{box-sizing:border-box}
html{background:var(--kj-bg);color:var(--kj-ink);scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;min-width:0;overflow-x:hidden;background:var(--kj-bg)!important;color:var(--kj-ink)!important;font-family:"SF Pro Text","Aptos","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif!important;line-height:1.62;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-feature-settings:"kern" 1,"liga" 1}
body.has-sidebar{display:grid!important;grid-template-columns:286px minmax(0,1fr)!important;min-height:100dvh!important}
body.has-sidebar>.nav{grid-column:1!important;grid-row:1 / span 999!important}
body.has-sidebar>:not(.nav){grid-column:2!important;min-width:0!important}
img,svg,video,canvas{max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
::selection{background:rgba(96,78,220,.18);color:var(--kj-ink)}
.container,.page-banner .container,.policy-header .container,footer .container{width:min(1160px,calc(100% - 88px))!important;margin-inline:auto!important}
h1,h2,h3,.section-title,.page-banner h1,.policy-header h1,.atlas-row strong,.portal-address strong,.trust-grid span,.field-number,.cover-stat strong{margin-top:0;color:var(--kj-ink);font-family:"SF Pro Display","Aptos Display","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif!important;letter-spacing:-.055em}
p{margin-top:0}

/* navigation */
.nav{position:sticky!important;top:0!important;align-self:start!important;width:286px!important;height:100dvh!important;z-index:30!important;background:linear-gradient(180deg,#1d1926,#14111b)!important;border:0!important;color:#fff6e9!important}
.nav-inner{width:100%!important;height:100%!important;margin:0!important;padding:34px 30px 28px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important}
.brand{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;color:inherit!important;font-size:17px!important;font-weight:900!important;line-height:1.05!important}
.brand span:last-child{min-width:0}
.brand small{display:block!important;margin-top:5px!important;color:rgba(255,246,233,.56)!important;font-size:10px!important;font-weight:750!important;letter-spacing:.08em!important}
.mark{width:48px!important;height:48px!important;flex:0 0 48px!important;display:grid!important;place-items:center!important;border:1px solid rgba(255,246,233,.20)!important;border-radius:14px!important;background:#fff url("../images/logo.png") center / 86% auto no-repeat!important;color:transparent!important;font-size:0!important;font-weight:950!important;box-shadow:none!important;overflow:hidden!important}
.mark::after{display:none!important}
.nav::after{content:"GRIDSPIRE TECHNOLOGY LTD";position:absolute;left:30px;right:30px;top:104px;padding:10px 12px;border:1px solid rgba(255,246,233,.12);border-radius:999px;color:rgba(255,246,233,.60);background:rgba(255,246,233,.06);text-align:center;font-size:10px;font-weight:800;letter-spacing:.03em;pointer-events:none}
.links{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:7px!important;margin:116px 0 auto!important;min-width:0!important}
.links a{display:flex!important;align-items:center!important;min-height:48px!important;width:100%!important;padding:0 16px!important;border:1px solid transparent!important;border-radius:16px!important;color:rgba(255,246,233,.62)!important;font-size:14px!important;font-weight:780!important;line-height:1.15!important;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease!important}
.links a::after{display:none!important}
.links a:hover{color:#fff6e9!important;background:rgba(255,246,233,.06)!important;border-color:rgba(255,246,233,.10)!important}
.links a.active{color:#fff6e9!important;background:rgba(96,78,220,.30)!important;border-color:rgba(125,112,238,.35)!important;box-shadow:inset 3px 0 0 var(--kj-accent-2)!important}
.nav-cta{width:100%!important;margin:0 0 16px!important}
.menu-btn{display:none!important;border:1px solid var(--kj-line)!important;background:var(--kj-card)!important;color:var(--kj-ink)!important;border-radius:12px!important;padding:8px 11px!important;font-weight:900!important;cursor:pointer!important}
.lang-switch{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;width:100%!important;margin:0!important;padding:4px!important;border:1px solid rgba(255,246,233,.12)!important;border-radius:999px!important;background:rgba(255,246,233,.06)!important;box-shadow:none!important}
.lang-switch button{border:0!important;border-radius:999px!important;background:transparent!important;color:rgba(255,246,233,.62)!important;cursor:pointer!important;font-size:11px!important;font-weight:850!important;line-height:1!important;padding:8px 10px!important}
.lang-switch button.active{background:#fff6e9!important;color:#17131f!important}

/* buttons and forms */
.btn,.btn-nav,.primary,.submit,.sbtn,.btn-secondary{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:50px!important;padding:0 24px!important;border-radius:999px!important;border:1px solid transparent!important;font:850 15px/1 "SF Pro Text","Aptos","Segoe UI",system-ui,sans-serif!important;white-space:nowrap!important;cursor:pointer!important;transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease!important}
.primary,.btn-nav,.submit,.sbtn{background:var(--kj-ink)!important;color:var(--kj-paper)!important;box-shadow:none!important}
.primary:hover,.btn-nav:hover,.submit:hover,.sbtn:hover{background:var(--kj-accent)!important;color:#fff6e9!important;transform:translateY(-1px)!important}
.btn-outline,.ghost,.btn-secondary{background:transparent!important;border-color:var(--kj-line-strong)!important;color:var(--kj-ink)!important}
.btn:active,.btn-nav:active,.submit:active,.sbtn:active,.btn-secondary:active{transform:translateY(1px)!important}
.text-link{display:inline-flex!important;width:max-content!important;max-width:100%!important;color:var(--kj-ink)!important;border:0!important;padding:0 0 5px!important;font-weight:850!important;white-space:nowrap!important;position:relative!important}
.text-link::after{content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:1px!important;background:var(--kj-accent)!important;transform-origin:left!important;transition:transform .18s ease!important}
.text-link:hover::after{transform:scaleX(.72)!important}
.text-link.light{color:#fff6e9!important}
input,textarea,select{width:100%!important;min-width:0!important;border:1px solid var(--kj-line-strong)!important;border-radius:14px!important;background:var(--kj-paper)!important;color:var(--kj-ink)!important;padding:14px 15px!important;font:inherit!important;outline:0!important}
textarea{min-height:118px!important;resize:vertical!important}
input::placeholder,textarea::placeholder{color:#766d7d!important}
input:focus,textarea:focus,select:focus{border-color:var(--kj-accent)!important;box-shadow:0 0 0 4px rgba(96,78,220,.13)!important}
form label{display:block!important;margin:0!important;color:var(--kj-ink)!important;font-size:13px!important;font-weight:850!important;letter-spacing:0!important;text-transform:none!important}

/* home */
#home .hero{min-height:auto!important;padding:64px 0 52px!important;overflow:hidden!important;background:linear-gradient(90deg,rgba(23,19,31,.045) 1px,transparent 1px),linear-gradient(180deg,var(--kj-paper),var(--kj-bg))!important;background-size:96px 100%,auto!important}
#home .hero::before,#home .hero::after{display:none!important}
#home .cover-grid{display:grid!important;grid-template-columns:minmax(360px,.92fr) minmax(430px,1.08fr)!important;gap:70px!important;align-items:center!important;max-width:1180px!important}
.badge,.section-kicker,.eyebrow{display:inline-flex!important;width:max-content!important;max-width:100%!important;margin:0 0 18px!important;padding:7px 11px!important;border:1px solid var(--kj-line-strong)!important;border-radius:999px!important;background:transparent!important;color:var(--kj-muted)!important;font:800 12px/1 "SF Pro Text","Aptos","Segoe UI",system-ui,sans-serif!important;letter-spacing:.01em!important;text-transform:none!important}
#home .cover-copy{padding:0!important}
#home .cover-copy h1{max-width:660px!important;margin:0 0 20px!important;font-size:clamp(48px,4.2vw,64px)!important;line-height:.96!important;letter-spacing:-.055em!important;color:var(--kj-ink)!important}
#home .cover-copy h1 em{display:inline!important;color:var(--kj-ink)!important;font-style:normal!important;background:linear-gradient(180deg,transparent 60%,rgba(96,78,220,.18) 0)!important}
#home .cover-intro{max-width:430px!important;margin:0!important;color:var(--kj-muted)!important;font-size:17px!important;line-height:1.65!important}
#home .actions{display:flex!important;align-items:center!important;gap:16px!important;flex-wrap:wrap!important;margin-top:30px!important}
.hero-promo{position:relative!important;display:block!important;width:100%!important;aspect-ratio:1024/502!important;overflow:hidden!important;border:1px solid rgba(96,78,220,.28)!important;border-radius:24px!important;background:#604EDC!important;box-shadow:0 28px 70px rgba(23,19,31,.14)!important;transition:transform .24s ease,border-color .24s ease!important}
.hero-promo:hover{transform:translateY(-4px)!important;border-color:rgba(96,78,220,.56)!important}
.hero-promo:focus-visible{outline:3px solid var(--kj-accent)!important;outline-offset:5px!important}
.hero-promo img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
#home .cover-orbit{position:relative!important;display:grid!important;grid-template-columns:1.04fr .96fr!important;gap:16px!important;padding:0!important;min-width:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
#home .cover-orbit::before{display:none!important}
#home .cover-orbit::after{content:""!important;position:absolute!important;inset:18px -18px -18px 18px!important;z-index:-1!important;border:1px solid rgba(96,78,220,.18)!important;border-radius:30px!important;pointer-events:none!important}
#home .orbit-ring{grid-column:1 / -1!important;min-height:318px!important;display:flex!important;flex-direction:column!important;gap:24px!important;padding:34px!important;border-radius:28px!important;background:linear-gradient(155deg,#18131f 0%,#292238 58%,#604EDC 100%)!important;color:#fff6e9!important;box-shadow:var(--kj-shadow)!important;overflow:hidden!important}
#home .orbit-ring::before{display:none!important}
#home .orbit-ring::after{content:"APR 12% - 30%"!important;display:inline-flex!important;align-items:center!important;width:max-content!important;margin-top:auto!important;padding:9px 12px!important;border:1px solid rgba(255,246,233,.18)!important;border-radius:999px!important;color:rgba(255,246,233,.72)!important;font-size:12px!important;font-weight:850!important}
#home .orbit-label-top{position:static!important;margin:0!important;color:rgba(255,246,233,.62)!important;font:800 13px/1 "SF Pro Text","Aptos","Segoe UI",system-ui,sans-serif!important;letter-spacing:.01em!important;text-transform:none!important}
#home .orbit-headline{display:block!important;width:auto!important;max-width:100%!important;margin:0!important;color:#fff6e9!important;font-size:clamp(48px,5vw,70px)!important;line-height:.88!important;letter-spacing:-.075em!important;white-space:nowrap!important}
#home .orbit-text{max-width:365px!important;margin:0!important;color:rgba(255,246,233,.70)!important;font-size:15px!important;line-height:1.6!important}
#home .cover-stat{position:static!important;min-height:166px!important;margin:0!important;padding:24px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;border:1px solid var(--kj-line-strong)!important;border-radius:24px!important;background:var(--kj-card)!important;box-shadow:none!important}
#home .cover-stat small,#home .cover-stat span{color:var(--kj-muted)!important;font:800 12px/1.2 "SF Pro Text","Aptos","Segoe UI",system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
#home .cover-stat strong{color:var(--kj-ink)!important;font-size:34px!important;line-height:.96!important;letter-spacing:-.055em!important}
#home .orbit-stack{display:grid!important;gap:12px!important;margin:0!important;min-width:0!important}
#home .orbit-stack div{display:flex!important;align-items:center!important;min-height:calc((166px - 24px) / 3)!important;padding:15px 16px!important;border:1px solid var(--kj-line)!important;border-radius:18px!important;background:rgba(42,36,53,.88)!important;box-shadow:none!important}
#home .orbit-stack b{display:none!important}
#home .orbit-stack span{color:var(--kj-ink-soft)!important;font:800 14px/1.28 "SF Pro Text","Aptos","Segoe UI",system-ui,sans-serif!important}

/* trust strip */
.trust-strip,#home .trust-strip{padding:0!important;background:var(--kj-bg)!important;border:0!important}
.trust-grid{position:relative!important;z-index:2!important;display:grid!important;grid-template-columns:1.4fr 1fr 1fr!important;gap:0!important;margin-top:-18px!important;overflow:hidden!important;border:1px solid var(--kj-line-strong)!important;border-radius:22px!important;background:var(--kj-card)!important}
.trust-grid>div,.trust-grid>div+div{display:grid!important;align-content:space-between!important;min-height:118px!important;padding:24px 26px!important;border:0!important;border-right:1px solid var(--kj-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.trust-grid>div:last-child{border-right:0!important}
.trust-grid strong{display:inline-flex!important;width:max-content!important;min-width:0!important;height:auto!important;padding:0!important;border-radius:0!important;background:transparent!important;color:var(--kj-accent)!important;font-size:13px!important;font-weight:900!important}
.trust-grid span{color:var(--kj-ink)!important;font-size:18px!important;font-weight:850!important}
.trust-grid small{color:var(--kj-muted)!important;font-size:13px!important;line-height:1.45!important}

/* app imagery */
.app-showcase{overflow:hidden!important;background:var(--kj-paper)!important}
.showcase-heading{max-width:720px!important;margin-bottom:54px!important}
.showcase-heading h2{margin:0!important;color:var(--kj-ink)!important;font-size:clamp(42px,4.6vw,64px)!important;line-height:.98!important;letter-spacing:-.06em!important}
.showcase-heading p{max-width:600px!important;margin:22px 0 0!important;color:var(--kj-muted)!important;font-size:17px!important;line-height:1.68!important}
.showcase-rail{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:clamp(238px,25vw,304px)!important;align-items:start!important;gap:22px!important;overflow-x:auto!important;overscroll-behavior-inline:contain!important;scroll-snap-type:inline mandatory!important;scrollbar-width:thin!important;scrollbar-color:var(--kj-accent) transparent!important;padding:4px 4px 34px!important}
.showcase-rail figure{position:relative!important;margin:0!important;aspect-ratio:9/16!important;overflow:hidden!important;border:1px solid rgba(96,78,220,.24)!important;border-radius:24px!important;background:#604EDC!important;box-shadow:0 22px 54px rgba(23,19,31,.12)!important;scroll-snap-align:start!important}
.showcase-rail figure:nth-child(even){margin-top:54px!important}
.showcase-rail img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}

/* content sections */
section,.section{padding:clamp(76px,8vw,118px) 0!important}
.service-atlas,.faq-rail,.section{background:var(--kj-bg)!important}
.atlas-grid{display:grid!important;grid-template-columns:minmax(340px,.9fr) minmax(0,1.1fr)!important;gap:86px!important;align-items:start!important}
.atlas-intro h2,.process-heading h2,.field-copy h2,.portal-copy h2,.faq-grid h2,.section-title{margin:0!important;color:var(--kj-ink)!important;font-size:clamp(38px,4.2vw,58px)!important;line-height:.98!important;letter-spacing:-.06em!important}
.atlas-intro h2 em,.field-copy h2 em,.portal-copy h2 em{color:inherit!important;font-style:normal!important}
.atlas-intro p,.section-sub,.portal-copy p,.field-copy p{max-width:560px!important;margin-top:22px!important;color:var(--kj-muted)!important;font-size:17px!important;line-height:1.68!important}
.atlas-list{display:grid!important;gap:0!important;border-top:1px solid var(--kj-line-strong)!important}
.atlas-row{display:grid!important;grid-template-columns:minmax(0,1fr) 32px!important;gap:18px!important;align-items:center!important;min-height:108px!important;padding:24px 4px!important;border:0!important;border-bottom:1px solid var(--kj-line)!important;border-radius:0!important;background:transparent!important;transition:color .18s ease,padding .18s ease!important}
.atlas-row:hover{padding-left:10px!important;background:transparent!important;color:var(--kj-accent)!important}
.atlas-no{display:none!important}
.atlas-row strong{display:block!important;color:inherit!important;font-size:24px!important;line-height:1.05!important}
.atlas-row small{display:block!important;max-width:520px!important;margin-top:8px!important;color:var(--kj-muted)!important;font-size:14px!important;line-height:1.45!important}
.atlas-row b{color:var(--kj-accent)!important;font-size:20px!important}
.process-field{background:linear-gradient(180deg,var(--kj-bg),var(--kj-paper))!important}
.process-heading{display:block!important;margin-bottom:34px!important}
.route-line{display:grid!important;grid-template-columns:1.15fr .95fr .95fr 1.15fr!important;gap:0!important;overflow:hidden!important;border:1px solid var(--kj-line-strong)!important;border-radius:26px!important;background:var(--kj-card)!important}
.route-line::before{display:none!important}
.route-step{display:flex!important;flex-direction:column!important;min-height:228px!important;padding:28px!important;border:0!important;border-right:1px solid var(--kj-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.route-step:last-child{border-right:0!important}
.route-step+.route-step{padding-left:28px!important}
.route-step span{color:var(--kj-muted)!important;font-size:12px!important;font-weight:850!important;letter-spacing:.01em!important}
.route-step h3{margin:auto 0 9px!important;color:var(--kj-ink)!important;font-size:23px!important;line-height:1.05!important;letter-spacing:-.035em!important}
.route-step p{margin:0!important;color:var(--kj-muted)!important;font-size:14px!important;line-height:1.55!important}
.about,.field-note{background:var(--kj-bg)!important;color:var(--kj-ink)!important}
.field-grid{display:grid!important;grid-template-columns:.9fr 1fr!important;gap:54px!important;align-items:center!important;overflow:hidden!important;padding:50px!important;border:0!important;border-radius:30px!important;background:linear-gradient(135deg,rgba(96,78,220,.10),transparent 44%),#17131f!important;color:#fff6e9!important;box-shadow:none!important}
.field-number{color:#fff6e9!important;font-size:clamp(76px,12vw,154px)!important;line-height:.82!important;letter-spacing:-.10em!important}
.field-number small{display:block!important;margin-top:20px!important;color:rgba(255,246,233,.62)!important;font:800 12px/1.25 "SF Pro Text","Aptos","Segoe UI",system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
.field-copy h2{color:#fff6e9!important}
.field-copy p{color:rgba(255,246,233,.66)!important}
.field-copy .text-link{color:#fff6e9!important}
.field-stamp{display:none!important}
.contact,.contact-portal{background:var(--kj-bg)!important}
.portal-grid{display:grid!important;grid-template-columns:.82fr 1.18fr!important;gap:64px!important;align-items:start!important}
.portal-address{display:grid!important;gap:8px!important;margin-top:28px!important;padding:20px!important;border:1px solid var(--kj-line-strong)!important;border-radius:var(--kj-radius)!important;background:var(--kj-card)!important}
.portal-address span{color:var(--kj-muted)!important;font-size:12px!important;font-weight:850!important}
.portal-address strong{color:var(--kj-ink)!important;font-size:22px!important;line-height:1.15!important}
.portal-address a{color:var(--kj-accent)!important;font-weight:850!important;overflow-wrap:anywhere!important}
.contact-portal form,.card form{display:grid!important;gap:13px!important;padding:26px!important;border:1px solid var(--kj-line-strong)!important;border-radius:26px!important;background:var(--kj-card)!important;box-shadow:0 24px 70px rgba(23,19,31,.08)!important}
.contact-portal form .btn,.card form .btn{margin-top:10px!important}

/* standard pages */
.page-banner,.policy-header{min-height:220px!important;display:flex!important;align-items:flex-end!important;padding:64px 0 46px!important;background:linear-gradient(90deg,rgba(23,19,31,.045) 1px,transparent 1px),var(--kj-paper)!important;background-size:96px 100%,auto!important;color:var(--kj-ink)!important}
.page-banner::before,.policy-header::before{display:none!important}
.page-banner h1,.policy-header h1{margin:0!important;color:var(--kj-ink)!important;font-size:clamp(42px,6vw,76px)!important;line-height:.96!important;letter-spacing:-.075em!important}
.page-banner p,.policy-header p{max-width:700px!important;margin:16px 0 0!important;color:var(--kj-muted)!important;font-size:18px!important;line-height:1.55!important}
.grid2{display:grid!important;grid-template-columns:1fr 1fr!important;gap:24px!important;align-items:start!important}
.grid3{display:grid!important;grid-template-columns:1.25fr .875fr .875fr!important;gap:14px!important}
.grid3 .card:nth-child(3n+1){grid-row:span 2!important;background:#17131f!important;color:#fff6e9!important}
.grid3 .card:nth-child(3n+1) h3,.grid3 .card:nth-child(3n+1) p,.grid3 .card:nth-child(3n+1) .num{color:#fff6e9!important}
.grid3 .card:nth-child(3n+1) .num{background:rgba(255,246,233,.10)!important}
.card,.contact-item,.request-panel,article,.quote-box,.local-panel{min-width:0!important;padding:24px!important;border:1px solid var(--kj-line-strong)!important;border-radius:var(--kj-radius)!important;background:var(--kj-card)!important;color:var(--kj-ink)!important;box-shadow:none!important}
.card:hover{box-shadow:0 22px 60px rgba(23,19,31,.07)!important;transform:none!important}
.card h3,.contact-item h3,.faq-card h3{margin:0 0 10px!important;color:inherit!important;font-size:21px!important;line-height:1.12!important;letter-spacing:-.035em!important}
.card p,.contact-item p,.faq-card p,.route-step p,footer p,footer li{color:var(--kj-muted)!important;line-height:1.68!important}
.num,.icon-box,.ci{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:42px!important;width:auto!important;height:42px!important;margin:0 0 14px!important;padding:0 12px!important;border-radius:14px!important;background:var(--kj-card-2)!important;color:var(--kj-accent)!important;font:850 12px/1 "SF Pro Text","Aptos","Segoe UI",system-ui,sans-serif!important}
.stat-pill{display:inline-flex!important;align-items:center!important;gap:8px!important;margin:6px 8px 6px 0!important;padding:10px 13px!important;border:1px solid var(--kj-line-strong)!important;border-radius:999px!important;background:var(--kj-card)!important;color:var(--kj-ink)!important;font-size:14px!important}
.mission-grid{display:grid!important;gap:16px!important}
.bg-soft{background:var(--kj-paper)!important}
.contact-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
.contact-item{display:grid!important;align-content:start!important;gap:8px!important;min-height:156px!important;text-align:left!important}
.contact-item a{color:var(--kj-accent)!important;overflow-wrap:anywhere!important}
.faq-rail{padding:clamp(74px,8vw,112px) 0!important;background:var(--kj-paper)!important}
.faq-grid{display:grid!important;grid-template-columns:.56fr 1fr!important;gap:54px!important;align-items:start!important}
.faq-list{display:grid!important;gap:0!important;border-top:1px solid var(--kj-line-strong)!important}
.faq-card{padding:22px 0!important;border:0!important;border-bottom:1px solid var(--kj-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.faq-card:hover{box-shadow:none!important}
.faq-card p{margin:10px 0 0!important}
.faq-card a{color:var(--kj-accent)!important;font-weight:850!important}

/* footer */
footer{padding:54px 0 28px!important;border:0!important;background:#15111b!important;color:rgba(255,246,233,.62)!important;font-size:14px!important}
footer .footer-grid{display:grid!important;grid-template-columns:1.3fr 1fr 1fr 1fr!important;gap:28px!important;margin-bottom:30px!important}
footer .brand,footer h4,footer .footer-bottom span{color:#fff6e9!important}
footer h4{margin:0 0 12px!important;font-size:14px!important;letter-spacing:0!important}
footer ul{list-style:none!important;margin:0!important;padding:0!important}
footer li{margin-bottom:8px!important;color:rgba(255,246,233,.62)!important}
footer p,footer a{color:rgba(255,246,233,.62)!important}
footer a:hover{color:#fff6e9!important}
footer .footer-bottom{display:flex!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:12px!important;padding-top:20px!important;border-top:1px solid rgba(255,246,233,.12)!important}
.footer-entry{width:min(1160px,calc(100% - 88px))!important;margin:22px auto 0!important;display:flex!important;flex-wrap:wrap!important;gap:10px!important}
.footer-entry a{padding:10px 13px!important;border:1px solid rgba(255,246,233,.10)!important;border-radius:999px!important;background:rgba(255,246,233,.06)!important;color:rgba(255,246,233,.66)!important}
.footer-entry a:hover{background:rgba(96,78,220,.24)!important;color:#fff6e9!important}

/* standalone legal pages */
body:not(.has-sidebar) .page{width:min(860px,calc(100% - 44px))!important;margin:0 auto!important;padding:38px 0!important}
body:not(.has-sidebar) .page article{padding:clamp(24px,4vw,46px)!important;border-color:var(--kj-line-strong)!important;border-radius:22px!important}
body:not(.has-sidebar) .page article h2{display:block!important;color:var(--kj-ink)!important;font-size:28px!important;line-height:1.18!important;letter-spacing:-.035em!important}
body:not(.has-sidebar) .page article h2::before{display:none!important}
body:not(.has-sidebar) .delete-shell{min-height:100dvh!important;padding:clamp(38px,7vw,74px) 0!important;background:var(--kj-bg)!important}
body:not(.has-sidebar) .delete-container{width:min(1040px,calc(100% - 44px))!important;margin-inline:auto!important}
body:not(.has-sidebar) .delete-intro{display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr)!important;gap:clamp(26px,5vw,58px)!important;align-items:end!important;border-bottom:1px solid var(--kj-line-strong)!important}
body:not(.has-sidebar) .delete-grid{display:grid!important;grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr)!important;gap:clamp(24px,5vw,54px)!important}
body:not(.has-sidebar) .request-card,body:not(.has-sidebar) .copy-card,body:not(.has-sidebar) .status-card{border:1px solid var(--kj-line-strong)!important;border-radius:22px!important;background:var(--kj-card)!important;box-shadow:none!important}
body:not(.has-sidebar) .request-head{background:#17131f!important;color:#fff6e9!important}
body:not(.has-sidebar) .warn{border-color:#66562f!important;background:#312a1b!important;color:#ead79a!important}
body:not(.has-sidebar) .iw{border-color:var(--kj-line-strong)!important;background:var(--kj-paper)!important}
body:not(.has-sidebar) .iw input,body:not(.has-sidebar) .otp-input{background:var(--kj-paper)!important;color:var(--kj-ink)!important}
body:not(.has-sidebar) .otp-input:focus,body:not(.has-sidebar) .otp-input.filled{background:var(--kj-card-2)!important}
body:not(.has-sidebar) .btn-secondary{background:var(--kj-card-2)!important;color:var(--kj-ink)!important}
.steps li{display:grid!important;grid-template-columns:1fr!important}
.steps li::before{display:none!important}
.hidden{display:none!important}
.alert-error{color:var(--kj-danger)!important}
.alert-success{color:var(--kj-ok)!important}
.timer-text,.helper,.ft,.small-note{color:var(--kj-muted)!important}

/* responsive */
@media (max-width:1120px) and (min-width:861px){
  body.has-sidebar{grid-template-columns:260px minmax(0,1fr)!important}
  .nav{width:260px!important}
  .nav-inner{padding-left:24px!important;padding-right:24px!important}
  .nav::after{left:24px;right:24px}
  #home .cover-grid{grid-template-columns:1fr!important;gap:42px!important}
  #home .cover-orbit{max-width:620px!important}
}

@media (max-width:860px){
  body.has-sidebar{display:block!important;min-height:100dvh!important}
  body.has-sidebar>:not(.nav){grid-column:auto!important;padding-right:0!important}
  .container,.page-banner .container,.policy-header .container,footer .container,.footer-entry{width:min(100% - 36px,720px)!important}
  .nav{position:sticky!important;top:0!important;width:100%!important;height:auto!important;z-index:50!important;background:rgba(18,16,24,.96)!important;color:var(--kj-ink)!important;border-bottom:1px solid var(--kj-line)!important;backdrop-filter:blur(18px)!important}
  .nav::after{display:none!important}
  .nav-inner{width:min(100% - 36px,720px)!important;height:70px!important;margin:0 auto!important;padding:0!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important}
  .brand{flex:1 1 auto!important;max-width:170px!important;color:var(--kj-ink)!important;overflow:hidden!important}
  .brand span:last-child{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .brand small{color:var(--kj-muted)!important}
  .mark{width:40px!important;height:40px!important;flex-basis:40px!important;background:#fff url("../images/logo.png") center / 86% auto no-repeat!important;color:transparent!important}
  .nav-cta{display:none!important}
  .menu-btn{display:block!important;flex:0 0 42px!important;width:42px!important;min-width:42px!important}
  .lang-switch{flex:0 0 auto!important;width:auto!important;max-width:82px!important;margin-left:auto!important;border-color:var(--kj-line)!important;background:var(--kj-card)!important}
  .lang-switch button{color:var(--kj-muted)!important;font-size:10px!important;padding:7px 8px!important}
  .lang-switch button.active{background:#17131f!important;color:#fff6e9!important}
  .links{display:none!important;margin:0!important}
  .links.open{display:grid!important;position:fixed!important;left:18px!important;right:18px!important;top:78px!important;z-index:60!important;gap:6px!important;padding:10px!important;border:1px solid var(--kj-line-strong)!important;border-radius:20px!important;background:var(--kj-card)!important;box-shadow:var(--kj-shadow)!important}
  .links.open a{min-height:46px!important;color:var(--kj-muted)!important;border-radius:14px!important}
  .links.open a.active,.links.open a:hover{color:var(--kj-accent)!important;background:var(--kj-card-2)!important;border-color:transparent!important;box-shadow:none!important}
  #home .hero{min-height:auto!important;padding:50px 0 34px!important;background-size:72px 100%,auto!important}
  #home .cover-grid,.atlas-grid,.portal-grid,.faq-grid,.field-grid,.grid2,.grid3,body:not(.has-sidebar) .delete-intro,body:not(.has-sidebar) .delete-grid{grid-template-columns:1fr!important;gap:30px!important}
  #home .cover-copy h1{max-width:520px!important;font-size:clamp(42px,13vw,64px)!important}
  #home .actions{display:grid!important;grid-template-columns:1fr!important;justify-items:start!important}
  #home .cover-orbit{grid-template-columns:1fr!important;gap:12px!important;max-width:560px!important}
  #home .cover-orbit::after{display:none!important}
  #home .orbit-ring{min-height:248px!important;padding:24px!important}
  #home .orbit-headline{font-size:clamp(40px,12vw,58px)!important;white-space:nowrap!important}
  .trust-grid{margin-top:16px!important;grid-template-columns:1fr!important}
  .trust-grid>div,.trust-grid>div+div{min-height:auto!important;border-right:0!important;border-bottom:1px solid var(--kj-line)!important}
  .trust-grid>div:last-child{border-bottom:0!important}
  .route-line{grid-template-columns:1fr!important;display:grid!important}
  .route-step{min-height:auto!important;border-right:0!important;border-bottom:1px solid var(--kj-line)!important}
  .route-step:last-child{border-bottom:0!important}
  .route-step h3{margin-top:24px!important}
  .field-grid{padding:28px!important}
  .grid3 .card:nth-child(3n+1){grid-row:auto!important}
  .contact-grid{grid-template-columns:1fr!important}
  footer .footer-grid{grid-template-columns:1fr!important}
  footer .footer-entry a{flex:1 1 calc(50% - 10px)!important;text-align:center!important}
}

@media (max-width:480px){
  .container,.page-banner .container,.policy-header .container,footer .container,.footer-entry,body:not(.has-sidebar) .delete-container,body:not(.has-sidebar) .page{width:calc(100% - 28px)!important}
  .nav-inner{width:calc(100% - 28px)!important}
  .brand{max-width:138px!important;font-size:15px!important}
  .brand small{display:none!important}
  .lang-switch{max-width:74px!important}
  .lang-switch button{padding:7px!important}
  .menu-btn{flex-basis:40px!important;width:40px!important;min-width:40px!important}
  #home .cover-copy h1,.page-banner h1,.policy-header h1{font-size:38px!important;line-height:.98!important}
  #home .orbit-headline{font-size:36px!important;white-space:normal!important}
  #home .cover-stat strong{font-size:28px!important}
  .atlas-intro h2,.process-heading h2,.field-copy h2,.portal-copy h2,.faq-grid h2,.section-title{font-size:34px!important;letter-spacing:-.052em!important}
  .btn,.primary,.btn-nav,.submit,.sbtn,.btn-secondary{width:100%!important}
  footer .footer-entry a{flex-basis:100%!important}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
}

/* Motion layer: hierarchy on entry, feedback on interaction. */
@media (prefers-reduced-motion:no-preference){
  .motion-ready .motion-reveal{
    opacity:0;
    transform:translate3d(0,22px,0);
    transition:opacity .64s cubic-bezier(.16,1,.3,1),transform .72s cubic-bezier(.16,1,.3,1);
    transition-delay:var(--motion-delay,0ms);
    will-change:opacity,transform;
  }
  .motion-ready .motion-reveal.motion-enter{opacity:.42}
  .motion-ready .motion-reveal.is-visible{
    opacity:1;
    transform:translate3d(0,0,0);
    will-change:auto;
  }
  .page-banner::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:1px;
    background:linear-gradient(90deg,transparent,var(--kj-accent),transparent);
    transform:scaleX(0);
    transform-origin:left;
    animation:kj-line-in .9s .12s cubic-bezier(.16,1,.3,1) forwards;
  }
  .page-banner{position:relative;overflow:hidden}
  .links a:hover{transform:translateX(4px)!important}
  .btn:active,.btn-nav:active,.primary:active,.submit:active,.sbtn:active,.btn-secondary:active{transform:translateY(1px) scale(.985)!important}
  .card,.contact-item,.route-step,.trust-grid>div,.showcase-rail figure{
    transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s ease,background-color .3s ease!important;
  }
  .card:hover,.contact-item:hover{transform:translateY(-5px)!important;border-color:rgba(125,112,238,.55)!important}
  .route-step:hover,.trust-grid>div:hover{background:var(--kj-card-2)!important;transform:translateY(-3px)!important}
  .showcase-rail figure:hover{transform:translateY(-7px)!important;border-color:rgba(125,112,238,.62)!important}
  .faq-answer[style*="display: block"]{animation:kj-answer-in .32s cubic-bezier(.16,1,.3,1) both}
  @keyframes kj-line-in{to{transform:scaleX(1)}}
  @keyframes kj-answer-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
}

/* Breathing pass: more air without changing the visual direction. */
.container,
.page-banner .container,
.policy-header .container,
footer .container{
  width:min(1180px,calc(100% - 112px))!important;
}

body.has-sidebar>:not(.nav){
  padding-inline:0!important;
}

@media (min-width:861px){
  .nav .nav-inner{
    width:100%!important;
    margin-inline:0!important;
  }
}

/* Contact details are direct information, without decorative badges. */
.contact-grid.contact-grid--direct{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

.contact-grid--direct .contact-item{
  min-height:148px!important;
  align-content:center!important;
}

.calculator-results{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}

.calculator-result{
  min-width:0!important;
  min-height:92px!important;
  display:grid!important;
  align-content:center!important;
  gap:8px!important;
  padding:16px!important;
  border:1px solid var(--kj-line-strong)!important;
  border-radius:14px!important;
  background:var(--kj-card-2)!important;
  text-align:left!important;
}

.calculator-result--accent{
  border-color:rgba(125,112,238,.62)!important;
  background:#2b2546!important;
}

.calculator-result span{
  color:var(--kj-muted)!important;
  font-size:12px!important;
  font-weight:750!important;
  line-height:1.2!important;
}

.calculator-result strong{
  color:var(--kj-ink)!important;
  font-size:18px!important;
  font-weight:900!important;
  line-height:1.2!important;
  overflow-wrap:anywhere!important;
}

@media (max-width:860px){
  .contact-grid.contact-grid--direct{
    grid-template-columns:1fr!important;
  }
}

@media (max-width:560px){
  .calculator-results{
    grid-template-columns:1fr!important;
  }
}

#home .hero{
  padding-block:clamp(86px,9vw,122px) clamp(74px,8vw,108px)!important;
}

#home .cover-grid{
  gap:clamp(76px,8vw,120px)!important;
}

#home .cover-copy h1{
  margin-bottom:28px!important;
}

#home .cover-intro{
  max-width:465px!important;
  line-height:1.78!important;
}

#home .actions{
  margin-top:38px!important;
  gap:18px!important;
}

#home .cover-orbit{
  gap:20px!important;
}

#home .orbit-ring{
  min-height:342px!important;
  padding:42px!important;
  gap:30px!important;
}

#home .cover-stat{
  min-height:186px!important;
  padding:30px!important;
}

#home .orbit-stack{
  gap:16px!important;
}

#home .orbit-stack div{
  min-height:calc((186px - 32px) / 3)!important;
  padding-inline:20px!important;
}

.trust-grid{
  margin-top:0!important;
}

.trust-grid>div,
.trust-grid>div+div{
  min-height:140px!important;
  padding:30px 32px!important;
}

section,
.section{
  padding-block:clamp(104px,10vw,152px)!important;
}

.service-atlas{
  padding-top:clamp(124px,12vw,168px)!important;
}

.atlas-grid,
.portal-grid,
.faq-grid{
  gap:clamp(72px,8vw,116px)!important;
}

.atlas-intro p,
.section-sub,
.portal-copy p,
.field-copy p{
  margin-top:28px!important;
  line-height:1.82!important;
}

.atlas-list{
  padding-top:10px!important;
}

.atlas-row{
  min-height:132px!important;
  padding-block:32px!important;
}

.process-heading{
  margin-bottom:48px!important;
}

.route-step{
  min-height:262px!important;
  padding:36px!important;
}

.field-grid{
  padding:clamp(56px,6vw,78px)!important;
  gap:clamp(58px,7vw,96px)!important;
}

.portal-address{
  margin-top:38px!important;
  padding:28px!important;
}

.contact-portal form,
.card form{
  padding:34px!important;
  gap:17px!important;
}

.page-banner,
.policy-header{
  min-height:270px!important;
  padding-block:86px 62px!important;
}

.grid2{
  gap:clamp(34px,4vw,58px)!important;
}

.grid3{
  gap:22px!important;
}

.card,
.contact-item,
.request-panel,
article,
.quote-box,
.local-panel{
  padding:32px!important;
}

.contact-grid{
  gap:22px!important;
}

.contact-item{
  min-height:184px!important;
}

.faq-rail{
  padding-block:clamp(104px,10vw,148px)!important;
}

.faq-list{
  padding-top:12px!important;
}

.faq-card{
  padding-block:30px!important;
}

footer{
  padding-block:72px 34px!important;
}

footer .footer-grid{
  gap:clamp(34px,5vw,70px)!important;
  margin-bottom:44px!important;
}

body:not(.has-sidebar) .page{
  padding-block:clamp(56px,7vw,90px)!important;
}

body:not(.has-sidebar) .page article{
  padding:clamp(34px,5vw,60px)!important;
}

body:not(.has-sidebar) .delete-shell{
  padding-block:clamp(58px,8vw,96px)!important;
}

body:not(.has-sidebar) .delete-intro,
body:not(.has-sidebar) .delete-grid{
  gap:clamp(38px,6vw,82px)!important;
}

@media (max-width:1120px) and (min-width:861px){
  body.has-sidebar>:not(.nav){
    padding-inline:0!important;
  }
  #home .cover-grid{
    gap:56px!important;
  }
}

@media (max-width:1280px) and (min-width:1121px){
  body.has-sidebar{grid-template-columns:250px minmax(0,1fr)!important}
  .nav{width:250px!important}
  .nav-inner{padding-inline:24px!important}
  .nav::after{left:24px!important;right:24px!important}
  .container,.page-banner .container,footer .container{width:min(1180px,calc(100% - 48px))!important}
  #home .cover-grid{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr)!important;gap:38px!important}
  #home .cover-copy h1{font-size:48px!important}
  .atlas-grid{grid-template-columns:minmax(340px,.9fr) minmax(0,1.1fr)!important;gap:56px!important}
  .atlas-intro h2{font-size:48px!important}
}

@media (max-width:860px){
  .container,
  .page-banner .container,
  .policy-header .container,
  footer .container,
  .footer-entry{
    width:min(100% - 44px,720px)!important;
  }
  #home .hero{
    padding-block:64px 50px!important;
  }
  #home .cover-grid,
  .atlas-grid,
  .portal-grid,
  .faq-grid,
  .field-grid,
  .grid2,
  .grid3,
  body:not(.has-sidebar) .delete-intro,
  body:not(.has-sidebar) .delete-grid{
    gap:42px!important;
  }
  #home .orbit-ring{
    min-height:276px!important;
    padding:30px!important;
  }
  #home .cover-stat{
    min-height:172px!important;
  }
  .hero-promo{max-width:620px!important;border-radius:20px!important}
  .showcase-heading{margin-bottom:38px!important}
  .showcase-rail{grid-auto-columns:min(72vw,286px)!important;gap:16px!important;padding-bottom:26px!important}
  .showcase-rail figure:nth-child(even){margin-top:30px!important}
  .trust-grid{
    margin-top:28px!important;
  }
  .trust-grid>div,
  .trust-grid>div+div{
    min-height:auto!important;
    padding:28px!important;
  }
  section,
  .section{
    padding-block:82px!important;
  }
  .service-atlas{
    padding-top:92px!important;
  }
  .route-step{
    min-height:auto!important;
    padding:30px!important;
  }
  .page-banner,
  .policy-header{
    min-height:232px!important;
    padding-block:70px 48px!important;
  }
}

@media (max-width:480px){
  .container,
  .page-banner .container,
  .policy-header .container,
  footer .container,
  .footer-entry,
  body:not(.has-sidebar) .delete-container,
  body:not(.has-sidebar) .page{
    width:calc(100% - 36px)!important;
  }
  #home .hero{
    padding-block:54px 44px!important;
  }
  .hero-promo{border-radius:16px!important}
  .showcase-heading h2{font-size:38px!important}
  .showcase-heading p{font-size:16px!important}
  .showcase-rail{grid-auto-columns:min(78vw,272px)!important}
  .showcase-rail figure{border-radius:18px!important}
  .showcase-rail figure:nth-child(even){margin-top:20px!important}
  #home .cover-grid,
  .atlas-grid,
  .portal-grid,
  .faq-grid,
  .field-grid,
  .grid2,
  .grid3{
    gap:34px!important;
  }
  #home .orbit-ring,
  #home .cover-stat,
  .card,
  .contact-item,
  .request-panel,
  article,
  .quote-box,
  .local-panel,
  .contact-portal form,
  .card form{
    padding:24px!important;
  }
  section,
  .section{
    padding-block:72px!important;
  }
}