/* Kuwait Trust — Modern Fintech Home UI */
html{scroll-behavior:smooth}

.kt-page{
  --gold1:#FBE7A6;--gold2:#E9BE5C;--gold3:#C0881F;
  --teal:#3EE9C4;--cyan:#56C2FF;
  --ink:#050b16;--card:rgba(12,22,40,.72);--card2:rgba(8,15,28,.82);
  --line:rgba(233,190,92,.16);--muted:#95a8c0;
  position:relative;overflow:hidden;
  padding:16px 0 56px;
}

/* ambient mesh + grid */
.kt-mesh{
  position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(233,190,92,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(233,190,92,.045) 1px, transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(ellipse 80% 55% at 50% 18%, #000 40%, transparent 100%);
  -webkit-mask-image:radial-gradient(ellipse 80% 55% at 50% 18%, #000 40%, transparent 100%);
}
.kt-glow{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;z-index:0}
.kt-glow.g1{width:540px;height:340px;top:-80px;left:50%;margin-left:-270px;background:radial-gradient(circle,rgba(233,190,92,.32),transparent 70%)}
.kt-glow.g2{width:420px;height:420px;top:380px;left:-140px;background:radial-gradient(circle,rgba(62,233,196,.18),transparent 70%)}
.kt-glow.g3{width:440px;height:440px;top:720px;right:-150px;background:radial-gradient(circle,rgba(233,190,92,.2),transparent 70%)}

.kt-wrap{position:relative;z-index:1;width:min(1180px, calc(100% - 32px));margin:0 auto}

/* ---- desktop / tablet top bar ---- */
.kt-topbar{
  position:sticky;top:12px;z-index:60;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:9px 10px 9px 12px;border-radius:22px;
  border:1px solid rgba(233,190,92,.22);
  background:rgba(7,14,27,.78);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  box-shadow:0 16px 40px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.08);
}
.kt-logo{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;min-width:0}
.kt-logo img{width:40px;height:40px;border-radius:12px;display:block}
.kt-logo div{display:flex;flex-direction:column;line-height:1.05}
.kt-logo strong{font-size:1.02rem;font-weight:800;letter-spacing:-.02em}
.kt-logo small{color:var(--gold2);font-size:.64rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase}

.kt-desk-nav{
  display:flex;align-items:center;gap:4px;
  padding:4px;border-radius:999px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);
}
.kt-desk-nav a{
  padding:8px 16px;border-radius:999px;
  color:#c8d5e6;font-size:.86rem;font-weight:700;text-decoration:none;
  transition:color .2s ease, background .2s ease, box-shadow .2s ease;
}
.kt-desk-nav a:hover{color:#fff;background:rgba(255,255,255,.06)}
.kt-desk-nav a.is-on{
  color:#1b1202;
  background:linear-gradient(135deg,var(--gold1),var(--gold3));
  box-shadow:0 8px 16px rgba(233,190,92,.28);
}

.kt-top-actions{display:flex;align-items:center;gap:8px}
.kt-ghost{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:40px;padding:0 14px;border-radius:999px;
  color:#dce6f4;font-size:.86rem;font-weight:700;text-decoration:none;
  transition:color .18s ease, background .18s ease;
}
.kt-ghost:hover{color:#fff;background:rgba(255,255,255,.06)}

/* ---- mobile floating dock ---- */
.kt-dock{display:none}

@media (max-width:860px){
  .kt-desk-nav,.kt-ghost{display:none}
  .kt-page{padding-bottom:108px}
  .kt-dock{
    display:grid;
    grid-template-columns:1fr 1fr 64px 1fr 1fr;
    align-items:end;
    gap:2px;
    position:fixed;z-index:80;
    left:14px;right:14px;bottom:14px;
    padding:10px 8px 8px;
    border-radius:26px;
    border:1px solid rgba(233,190,92,.28);
    background:rgba(8,16,32,.88);
    backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);
    box-shadow:0 18px 50px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.04);
  }
  .kt-dock a{
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
    min-height:48px;border-radius:16px;
    color:#9db0c6;text-decoration:none;font-size:.68rem;font-weight:800;
    -webkit-tap-highlight-color:transparent;
    transition:color .18s ease, background .18s ease, transform .18s ease;
  }
  .kt-dock a i{font-size:1.05rem}
  .kt-dock a.is-on{color:var(--gold1);background:rgba(233,190,92,.1)}
  .kt-dock a:active{transform:scale(.94)}
  .kt-dock-main{
    width:58px;height:58px;margin:0 auto 8px;
    border-radius:50%!important;
    background:linear-gradient(135deg,var(--gold1),var(--gold3))!important;
    color:#1b1202!important;
    box-shadow:0 12px 24px rgba(233,190,92,.4);
  }
  .kt-dock-main i{font-size:1.2rem!important}
  .kt-dock-main span{display:none}
}

/* ---- buttons ---- */
.kt-btn{
  position:relative;overflow:hidden;
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:48px;padding:0 22px;border-radius:999px;border:0;
  font:inherit;font-size:.92rem;font-weight:800;text-decoration:none;cursor:pointer;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
}
.kt-btn.sm{min-height:40px;padding:0 16px;font-size:.84rem}
.kt-btn.lg{min-height:56px;padding:0 26px;font-size:.98rem}
.kt-btn.gold{
  color:#1b1202;
  background:linear-gradient(135deg,var(--gold1) 0%,var(--gold2) 52%,var(--gold3) 100%);
  box-shadow:0 14px 32px rgba(233,190,92,.32), inset 0 1px 0 rgba(255,255,255,.65);
}
.kt-btn.gold:hover{color:#1b1202;transform:translateY(-2px);box-shadow:0 20px 42px rgba(233,190,92,.46)}
.kt-btn.gold:before{
  content:"";position:absolute;top:0;left:-130%;width:55%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.6),transparent);
  transform:skewX(-20deg);transition:left .65s ease;
}
.kt-btn.gold:hover:before{left:150%}
.kt-btn.outline{
  color:#eef4fc;background:rgba(255,255,255,.04);
  border:1px solid rgba(233,190,92,.3);
}
.kt-btn.outline:hover{color:#fff;background:rgba(233,190,92,.1);border-color:rgba(233,190,92,.6);transform:translateY(-2px)}
.kt-btn .arr{
  width:26px;height:26px;border-radius:50%;display:grid;place-items:center;
  background:rgba(0,0,0,.16);font-size:.76rem;transition:transform .2s ease;
}
.kt-btn:hover .arr{transform:translateX(3px)}

/* ---- centered hero ---- */
.kt-hero{text-align:center;padding:54px 0 18px}
.kt-pill{
  display:inline-flex;align-items:center;gap:10px;
  padding:6px 14px 6px 8px;border-radius:999px;
  border:1px solid rgba(233,190,92,.3);
  background:rgba(12,22,40,.75);
  color:#f4e2b2;font-size:.78rem;font-weight:700;
}
.kt-pill .tag{
  padding:3px 9px;border-radius:999px;
  background:linear-gradient(135deg,var(--gold1),var(--gold3));
  color:#1b1202;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
}
.kt-hero h1{
  margin:20px auto 0;max-width:16ch;
  font-family:Fraunces,Georgia,serif;
  font-size:clamp(2.5rem, 6vw, 4.7rem);
  font-weight:560;letter-spacing:-.04em;line-height:1.02;
}
.kt-grad{
  font-style:italic;
  background:linear-gradient(120deg,var(--gold1) 10%,var(--gold2) 55%,var(--teal) 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.kt-sub{
  margin:18px auto 0;max-width:56ch;
  color:#b8c7dc;font-size:1.08rem;line-height:1.65;
}
.kt-hero-btns{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:28px}

/* ---- dashboard showcase mockup ---- */
.kt-showcase{
  position:relative;margin:42px auto 0;max-width:980px;
  padding:18px;border-radius:28px;
  border:1px solid rgba(233,190,92,.24);
  background:linear-gradient(180deg, rgba(16,30,54,.78), rgba(7,14,27,.88));
  box-shadow:0 40px 90px rgba(0,0,0,.55), 0 0 80px rgba(233,190,92,.12), inset 0 1px 0 rgba(255,255,255,.12);
}
.kt-BrowserBar{
  display:flex;align-items:center;justify-content:space-between;
  padding:4px 10px 14px;border-bottom:1px solid rgba(255,255,255,.07);
}
.kt-dots{display:flex;gap:6px}
.kt-dots span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.18)}
.kt-dots span:nth-child(1){background:#ff6b6b}
.kt-dots span:nth-child(2){background:#feca57}
.kt-dots span:nth-child(3){background:#1dd1a1}
.kt-url{
  padding:4px 14px;border-radius:999px;background:rgba(5,11,22,.7);
  border:1px solid rgba(255,255,255,.07);color:var(--muted);font-size:.75rem;
  display:inline-flex;align-items:center;gap:6px;
}
.kt-url i{color:var(--teal);font-size:.7rem}
.kt-live{color:var(--teal);font-size:.74rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;display:inline-flex;align-items:center;gap:6px}
.kt-live:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 10px var(--teal);animation:ktPulse 1.6s ease-in-out infinite}

.kt-screen{
  display:grid;grid-template-columns:1.25fr 1fr .9fr;gap:14px;
  padding-top:16px;text-align:left;
}
.kt-pane{
  padding:18px;border-radius:20px;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(5,11,22,.65);
}
.kt-pane-head{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}
.kt-pane-head .badge{
  padding:3px 9px;border-radius:999px;
  background:rgba(62,233,196,.12);color:var(--teal);font-weight:800;font-size:.72rem;
}
.kt-big-num{
  margin:8px 0 2px;font-family:Fraunces,Georgia,serif;
  font-size:2rem;font-weight:560;color:#fff;
}
.kt-mini-chart{display:block;width:100%;height:68px;margin-top:8px}
.kt-pane-foot{display:flex;justify-content:space-between;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.06);font-size:.78rem;color:var(--muted)}
.kt-pane-foot b{color:#fff}

.kt-list{display:grid;gap:10px;margin-top:10px}
.kt-row{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:10px 12px;border-radius:13px;background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.05);
}
.kt-row-l{display:flex;align-items:center;gap:10px}
.kt-row-ico{
  width:34px;height:34px;border-radius:10px;display:grid;place-items:center;
  background:rgba(233,190,92,.14);color:var(--gold1);font-size:.85rem;
}
.kt-row-ico.teal{background:rgba(62,233,196,.14);color:var(--teal)}
.kt-row strong{display:block;font-size:.86rem}
.kt-row small{color:var(--muted);font-size:.73rem}
.kt-row-val{font-weight:800;font-size:.86rem;color:var(--teal)}

.kt-QuickGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.kt-qbox{
  padding:12px 10px;border-radius:13px;text-align:center;
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);
}
.kt-qbox i{color:var(--gold2);font-size:1.05rem}
.kt-qbox b{display:block;margin-top:5px;font-size:.95rem}
.kt-qbox span{color:var(--muted);font-size:.7rem}

/* ---- trust bar ---- */
.kt-trustbar{
  display:grid;grid-template-columns:repeat(4,1fr);gap:12px;
  margin-top:22px;
}
.kt-titem{
  display:flex;align-items:center;gap:12px;
  padding:14px 16px;border-radius:18px;
  border:1px solid var(--line);background:var(--card);
}
.kt-titem i{
  width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex:0 0 auto;
  background:linear-gradient(135deg,rgba(251,231,166,.2),rgba(192,136,31,.08));
  border:1px solid rgba(233,190,92,.3);color:var(--gold1);font-size:1rem;
}
.kt-titem b{display:block;font-size:1.05rem}
.kt-titem span{color:var(--muted);font-size:.78rem}

/* ---- sections ---- */
.kt-sec{margin-top:76px}
.kt-sec-head{text-align:center;max-width:58ch;margin:0 auto 32px}
.kt-eyebrow{
  display:inline-flex;align-items:center;gap:7px;
  padding:5px 13px;border-radius:999px;
  border:1px solid rgba(233,190,92,.3);background:rgba(233,190,92,.08);
  color:var(--gold1);font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
}
.kt-sec-head h2{
  margin:12px 0 0;font-family:Fraunces,Georgia,serif;
  font-size:clamp(1.85rem, 3.6vw, 2.75rem);font-weight:560;letter-spacing:-.03em;
}
.kt-sec-head p{margin:10px 0 0;color:var(--muted);font-size:.98rem;line-height:1.6}

/* ---- bento grid ---- */
.kt-bento{
  display:grid;
  grid-template-columns:repeat(12, 1fr);
  gap:16px;
}
.kt-bcard{
  position:relative;overflow:hidden;
  grid-column:span 4;
  display:flex;flex-direction:column;justify-content:space-between;
  padding:26px 24px;border-radius:24px;
  border:1px solid var(--line);
  background:linear-gradient(165deg, rgba(16,30,54,.78), rgba(7,14,27,.86));
  color:#fff;text-decoration:none;
  transition:transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}
.kt-bcard.wide{grid-column:span 7}
.kt-bcard.mid{grid-column:span 5}
.kt-bcard:hover{color:#fff;transform:translateY(-4px);border-color:rgba(233,190,92,.5);box-shadow:0 24px 50px rgba(0,0,0,.45)}
.kt-bcard:after{
  content:"";position:absolute;right:-50px;bottom:-50px;width:180px;height:180px;border-radius:50%;
  background:radial-gradient(circle,rgba(233,190,92,.14),transparent 70%);pointer-events:none;
}
.kt-bicon{
  width:52px;height:52px;border-radius:16px;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--gold1),var(--gold3));
  color:#1b1202;font-size:1.25rem;
  box-shadow:0 12px 24px rgba(233,190,92,.28);
}
.kt-bicon.teal{background:linear-gradient(135deg,#9ff7e3,var(--teal));box-shadow:0 12px 24px rgba(62,233,196,.25)}
.kt-bcard h3{margin:18px 0 8px;font-size:1.25rem;font-weight:800;letter-spacing:-.02em}
.kt-bcard p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.55}
.kt-bchips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.kt-bchips span{
  padding:5px 11px;border-radius:999px;font-size:.76rem;font-weight:700;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#dce6f4;
}
.kt-blink{
  margin-top:18px;display:inline-flex;align-items:center;gap:7px;
  color:var(--gold1);font-size:.86rem;font-weight:800;
}
.kt-bcard:hover .kt-blink i{transform:translateX(4px)}
.kt-blink i{transition:transform .18s ease}

/* ---- steps tree ---- */
.kt-tree{
  position:relative;
  min-height:720px;
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-rows:auto 1fr auto;
  justify-items:center;
  gap:0 40px;
  padding:8px 8px 6px;
}
.kt-tree-svg{
  position:absolute;inset:0;width:100%;height:100%;
  pointer-events:none;z-index:0;
}
.kt-branch{
  fill:none;stroke:url(#ktBranchGold);
  stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;
  stroke-dasharray:900;stroke-dashoffset:900;
  filter:drop-shadow(0 0 6px rgba(233,190,92,.45));
}
.kt-tree.is-grown .kt-branch{animation:ktDraw 1.1s cubic-bezier(.22,1,.36,1) forwards}
.kt-tree.is-grown .kt-branch.b1{animation-delay:.05s}
.kt-tree.is-grown .kt-branch.b2,.kt-tree.is-grown .kt-branch.b3{animation-delay:.28s}
.kt-tree.is-grown .kt-branch.b4,.kt-tree.is-grown .kt-branch.b5{animation-delay:.62s}
@keyframes ktDraw{to{stroke-dashoffset:0}}

.kt-tree-root{
  grid-column:1 / -1;grid-row:1;z-index:1;
  display:flex;flex-direction:column;align-items:center;gap:6px;
  padding:16px 22px 14px;border-radius:24px;
  border:1px solid rgba(233,190,92,.4);
  background:linear-gradient(180deg, rgba(28,44,74,.95), rgba(8,16,32,.96));
  box-shadow:0 18px 40px rgba(0,0,0,.4), 0 0 28px rgba(233,190,92,.18);
  text-align:center;
  opacity:0;transform:translateY(-16px) scale(.94);
}
.kt-tree-root img{width:52px;height:52px;border-radius:14px;display:block}
.kt-tree-root strong{font-size:1.05rem;font-weight:800}
.kt-tree-root span{color:var(--gold2);font-size:.74rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}

.kt-step{
  position:relative;z-index:1;width:min(100%, 360px);
  padding:22px 20px;border-radius:24px;
  border:1px solid var(--line);background:var(--card);
  opacity:0;transform:translateY(18px) scale(.96);
}
.kt-step.s1{grid-column:1;grid-row:2;align-self:center;justify-self:end}
.kt-step.s2{grid-column:2;grid-row:2;align-self:center;justify-self:start}
.kt-step.s3{grid-column:1 / -1;grid-row:3;justify-self:center;max-width:420px;width:min(100%,420px)}
.kt-tree.is-grown .kt-tree-root,
.kt-tree.is-grown .kt-step{
  animation:ktPop .7s cubic-bezier(.22,1,.36,1) forwards;
}
.kt-tree.is-grown .kt-tree-root{animation-delay:.02s}
.kt-tree.is-grown .kt-step.s1,.kt-tree.is-grown .kt-step.s2{animation-delay:.42s}
.kt-tree.is-grown .kt-step.s3{animation-delay:.82s}
@keyframes ktPop{to{opacity:1;transform:none}}

.kt-step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.kt-step-num{
  min-width:42px;height:32px;padding:0 12px;border-radius:999px;
  display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--gold1),var(--gold3));
  color:#1b1202;font-weight:800;font-size:.82rem;letter-spacing:.08em;
}
.kt-step-ico{
  width:44px;height:44px;border-radius:14px;display:grid;place-items:center;
  background:rgba(233,190,92,.12);border:1px solid rgba(233,190,92,.28);color:var(--gold1);
}
.kt-step h3{margin:0 0 8px;font-size:1.18rem;font-weight:800}
.kt-step p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.55}

/* ---- final CTA banner ---- */
.kt-banner{
  position:relative;overflow:hidden;
  margin-top:76px;padding:44px 38px;border-radius:30px;
  border:1px solid rgba(233,190,92,.38);
  background:
    radial-gradient(500px 260px at 90% 10%, rgba(233,190,92,.28), transparent 70%),
    radial-gradient(420px 260px at 10% 100%, rgba(62,233,196,.18), transparent 70%),
    linear-gradient(135deg, #10213d 0%, #071122 100%);
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  box-shadow:0 30px 70px rgba(0,0,0,.5);
}
.kt-banner h2{
  margin:8px 0 0;font-family:Fraunces,Georgia,serif;
  font-size:clamp(1.8rem, 3.4vw, 2.55rem);font-weight:560;letter-spacing:-.03em;
}
.kt-banner p{margin:8px 0 0;color:#b8c7dc;max-width:48ch}
.kt-banner-btns{display:flex;flex-wrap:wrap;gap:10px;flex:0 0 auto}

/* ---- footer ---- */
.kt-footer{
  margin-top:56px;padding-top:26px;
  border-top:1px solid rgba(233,190,92,.14);
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;
  color:var(--muted);font-size:.84rem;
}
.kt-footer-links{display:flex;gap:18px;flex-wrap:wrap}
.kt-footer-links a{color:var(--muted);text-decoration:none}
.kt-footer-links a:hover{color:var(--gold1)}

/* ---- motion ---- */
.kt-glow.g1{animation:ktDrift 12s ease-in-out infinite}
.kt-glow.g2{animation:ktDrift 16s ease-in-out infinite reverse}
.kt-glow.g3{animation:ktDrift 18s ease-in-out infinite}
.kt-showcase{animation:ktFloatY 7s ease-in-out infinite}
.kt-reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease, transform .7s cubic-bezier(.22,1,.36,1)}
.kt-reveal.is-in{opacity:1;transform:none}
.kt-bento .kt-bcard,.kt-trustbar .kt-titem{
  transition:transform .35s cubic-bezier(.22,1,.36,1), border-color .25s ease, box-shadow .25s ease, opacity .7s ease;
}
.kt-bento .kt-bcard:hover,.kt-trustbar .kt-titem:hover,.kt-tree.is-grown .kt-step:hover{
  transform:translateY(-6px);
}
@keyframes ktPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.75)}}
@keyframes ktDrift{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(24px,-18px,0)}}
@keyframes ktFloatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

@media (prefers-reduced-motion:reduce){
  .kt-glow,.kt-showcase,.kt-live:before,.kt-branch,.kt-tree-root,.kt-step{animation:none}
  .kt-reveal,.kt-tree-root,.kt-step{opacity:1;transform:none;transition:none}
  .kt-branch{stroke-dashoffset:0}
}

/* ---- responsive ---- */
@media (max-width:980px){
  .kt-screen{grid-template-columns:1fr}
  .kt-trustbar{grid-template-columns:repeat(2,1fr)}
  .kt-bcard,.kt-bcard.wide,.kt-bcard.mid{grid-column:span 12}
  .kt-tree{min-height:0;grid-template-columns:1fr;grid-template-rows:auto auto auto auto;gap:22px}
  .kt-tree-svg{display:none}
  .kt-step.s1,.kt-step.s2,.kt-step.s3{grid-column:1;justify-self:stretch;width:100%;max-width:none}
  .kt-step.s1{grid-row:2}
  .kt-step.s2{grid-row:3}
  .kt-step.s3{grid-row:4}
  .kt-step.s1,.kt-step.s2,.kt-step.s3{position:relative}
  .kt-step.s1:before,.kt-step.s2:before,.kt-step.s3:before{
    content:"";position:absolute;left:28px;top:-22px;width:2px;height:22px;
    background:linear-gradient(180deg,transparent,var(--gold2));
  }
  .kt-tree-root{position:relative}
  .kt-tree-root:after{
    content:"";position:absolute;left:50%;bottom:-22px;width:2px;height:22px;margin-left:-1px;
    background:linear-gradient(180deg,var(--gold2),transparent);
  }
  .kt-banner{flex-direction:column;align-items:flex-start;padding:32px 24px}
}
@media (max-width:540px){
  .kt-wrap{width:min(100% - 22px, 1180px)}
  .kt-topbar{padding:8px 8px 8px 10px;border-radius:18px}
  .kt-btn.sm{padding:0 13px;min-height:38px;font-size:.78rem}
  .kt-hero{padding-top:34px}
  .kt-hero h1{font-size:2.35rem}
  .kt-trustbar{grid-template-columns:1fr}
  .kt-sec{margin-top:54px}
  .kt-url{display:none}
}