/* Website 11 reference — home-about. Generated from website11/homepage11.html; values unchanged. */
.log-home .consult{display:grid;grid-template-columns:1.05fr 1fr;gap:28px;align-items:stretch}
.log-home .consult-img{border-radius:26px;min-height:440px}
.log-home .consult-img .badge{position:absolute;left:22px;bottom:22px;right:22px;display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:20px}
.log-home .consult-img .badge .ic{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--log-grad);color:#04241C;flex-shrink:0}
.log-home .consult-img .badge strong{display:block;color:var(--log-text-strong)}
.log-home .consult-img .badge span{color:var(--log-muted);font-size:13.5px}
.log-home .consult-body{border-radius:26px;padding:34px 32px;background:linear-gradient(160deg,var(--log-surface-2),var(--log-surface) 60%);border:1px solid var(--log-line);display:flex;flex-direction:column;gap:18px;position:relative;overflow:hidden}
.log-home .consult-body::before{content:"";position:absolute;width:420px;height:420px;right:-160px;top:-180px;border-radius:50%;background:radial-gradient(circle,rgba(60,200,232,.22),transparent 70%);animation:log-drift 14s ease-in-out infinite alternate}
@keyframes log-drift{to{transform:translate(-80px,60px)}}
.log-home .consult-body h2{font-size:clamp(24px,2.4vw,34px);line-height:1.1;position:relative}
.log-home .consult-body>p{color:var(--log-text-soft);font-size:15px;position:relative}
.log-home .steps{position:relative;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.log-home .steps li{display:flex;gap:14px;align-items:flex-start;padding:13px 16px;border-radius:18px;background:rgba(3,10,11,.5);border:1px solid var(--log-line);transition:border-color .3s,transform .5s var(--log-ease)}
.log-home .steps li:hover{border-color:rgba(75,227,181,.45);transform:translateX(6px)}
.log-home .steps .num{font-family:var(--log-serif);font-style:italic;font-size:28px;line-height:1;background:var(--log-grad);-webkit-background-clip:text;background-clip:text;color:transparent;min-width:42px}
.log-home .steps strong{display:block;color:var(--log-text-strong);font-size:15px}
.log-home .steps span{color:var(--log-muted);font-size:13.5px}
.log-home .consult-body .ctas{position:relative;margin-top:4px}
@media (max-width:1024px){
  .log-home .consult{grid-template-columns:1fr}
  .log-home .consult-img{min-height:420px}
  .log-home .consult{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
  .log-home .consult-img{min-height:0}
}
@media (max-width:760px){
  .log-home .consult{gap:12px}
  .log-home .consult-img{min-height:300px;border-radius:24px}
  .log-home .consult-body{padding:24px 18px;border-radius:24px;gap:16px}
  .log-home .consult-body>p{font-size:15px}
  .log-home .steps{flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -18px;padding:0 18px}
  .log-home .steps::-webkit-scrollbar{display:none}
  .log-home .steps li{flex:0 0 74%;scroll-snap-align:start;flex-direction:column;gap:6px}
  .log-home .steps li:hover{transform:none}
  .log-home .consult{grid-template-columns:minmax(0,1fr)}
  .log-home .consult-img{min-height:220px}
  .log-home .consult-img .badge{left:12px;right:12px;bottom:12px;padding:10px 12px}
  .log-home .consult-img .badge .ic{width:36px;height:36px}
  .log-home .consult-body>p{font-size:14px}
  .log-home #about .steps{display:none}
}
@media (min-width:761px) and (max-width:900px){
  .log-home .consult{grid-template-columns:minmax(0,1fr)}
  .log-home .consult-img{min-height:340px}
}