/* Welo /features. Builds on the .wn tokens and primitives from news.css. */
.wf{padding-top:var(--wn-nav)}
.wf .wn-container{max-width:1160px}
.wf-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:32px}
.wf-new{display:inline-flex;align-items:center;height:18px;margin-left:8px;padding:0 6px;border-radius:999px;background:var(--wn-accent-soft);color:var(--wn-accent);font-size:11px;font-weight:500;letter-spacing:0;vertical-align:middle}

/* Hero */
.wf-hero{position:relative;padding:88px 0 96px;text-align:center}
.wf-hero .wn-container{position:relative;z-index:1}
.wf-hero .wn-title{margin-left:auto;margin-right:auto;max-width:880px;font-size:clamp(36px,5.6vw,60px)}
.wf-hero .wn-lead{margin-left:auto;margin-right:auto;max-width:620px}

/* Sections */
.wf-section{padding:96px 0;scroll-margin-top:calc(var(--wn-nav) + 40px)}
.wf-section+.wf-section{border-top:1px solid var(--wn-border-soft)}
.wf-head{max-width:640px;margin-bottom:40px}
.wf-head h2{font-size:clamp(28px,3.4vw,38px);line-height:1.12;font-weight:500;letter-spacing:-.032em;color:var(--wn-fg)}
.wf-head p{margin-top:14px!important;font-size:17px;line-height:1.65;color:var(--wn-muted)}
.wf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--wn-border);border-radius:16px;overflow:hidden;background:var(--wn-border);gap:1px}
.wf-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.wf-card{display:flex;flex-direction:column;gap:10px;padding:28px;background:#fff;transition:background .2s}
.wf-card:hover{background:var(--wn-surface)}
.wf-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;margin-bottom:8px;border:1px solid var(--wn-border);border-radius:10px;background:#fff;color:var(--wn-fg);box-shadow:0 1px 2px rgba(9,9,11,.05)}
.wf-card h3{font-size:16px;line-height:1.35;font-weight:500;letter-spacing:-.015em;color:var(--wn-fg)}
.wf-card p{font-size:14.5px;line-height:1.65;color:var(--wn-muted)}

#dashboard{background:linear-gradient(180deg,#fafbff,#fff 60%)}
.wf-roadmap{background:var(--wn-surface)}
.wf-card-muted .wf-icon{color:var(--wn-muted);border-style:dashed;box-shadow:none}

/* Closing CTA */
.wf-cta{padding:0 0 96px}
.wf-roadmap+.wf-cta{padding-top:0;background:var(--wn-surface)}
.wf-cta-inner{position:relative;padding:64px 32px;border-radius:24px;background:#09090b;text-align:center;overflow:hidden}
.wf-cta-inner::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 120% at 50% 0%,rgba(64,105,239,.45),transparent 70%);pointer-events:none}
.wf-cta-inner>*{position:relative}
.wf-cta h2{max-width:640px;margin:0 auto!important;font-size:clamp(28px,3.6vw,40px);line-height:1.12;font-weight:500;letter-spacing:-.032em;color:#fff}
.wf-cta p{max-width:520px;margin:14px auto 0!important;font-size:16px;line-height:1.6;color:#a1a1aa}
.wf-button-light{background:#fff;border-color:#fff;color:#1b1b1b!important}
.wf-button-light:hover{background:#e4e4e7;border-color:#e4e4e7}
.wf-button-ghost-dark{background:transparent;border-color:#3f3f46;color:#fff!important}
.wf-button-ghost-dark:hover{background:#18181b;border-color:#52525b}

@media (max-width:1023px){
  .wf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
  .wf-hero{padding:48px 0 64px}
  .wf-actions .wn-button{flex:1 1 100%}
  .wf-hero .wn-title br{display:none}
  .wf-section{padding:64px 0}
  .wf-head{margin-bottom:28px}
  .wf-grid,.wf-grid-2{grid-template-columns:1fr}
  .wf-card{padding:22px}
  .wf-cta{padding-bottom:64px}
  .wf-cta-inner{padding:44px 20px;border-radius:18px}
}