/* Homepage 2.0 — decision-first layout */
.hero-v2{padding:54px 0 42px;background:linear-gradient(180deg,#fbfcff 0%,#fff 100%)}
.hero-v2 .hero-inner{align-items:center}
.hero-v2 .hero-copy{max-width:760px}
.hero-v2 h1{font-size:clamp(42px,5vw,68px);line-height:.98;letter-spacing:-2.6px;margin:12px 0 18px}
.hero-v2 h1 span{background:linear-gradient(90deg,#5b5cf0,#8a5cf6);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-v2 .hero-copy>p{max-width:650px;font-size:17px;line-height:1.55}
.hero-v2 .hero-search{margin-top:24px;max-width:720px;box-shadow:0 12px 35px rgba(35,39,80,.09)}
.hero-v2 .hero-search input{font-size:14px}
.hero-v2 .hero-search button{white-space:nowrap}
.hero-preferences{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:720px;margin:10px 0 0}
.hero-preferences label{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.hero-preferences select{display:block;width:100%;margin-top:5px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:9px 10px;font:inherit;color:var(--ink)}
.hero-v2 .quick{margin-top:12px;gap:7px}
.hero-v2 .quick button{padding:7px 11px;border-radius:999px}
.hero-trust{display:flex;gap:16px;flex-wrap:wrap;margin-top:15px;font-size:10px;color:var(--muted)}
.hero-art-v2{position:relative;min-height:270px;width:340px}
.hero-art-card{position:absolute;right:0;top:25px;width:235px;padding:20px;border:1px solid #e5e6f4;border-radius:18px;background:#fff;box-shadow:0 16px 40px rgba(35,39,80,.10);transform:rotate(3deg)}
.hero-art-card.alt{right:55px;top:125px;transform:rotate(-5deg);opacity:.94}
.hero-art-card span{display:block;font-size:9px;font-weight:800;letter-spacing:.12em;color:#85879a;margin-bottom:10px}
.hero-art-card b{font-size:19px;line-height:1.15}
.hero-art-card i{float:right;font-style:normal;font-size:20px}
.hero-art-orb{position:absolute;left:0;bottom:8px;width:86px;height:86px;border-radius:50%;display:grid;place-items:center;background:#171925;color:#fff;font-size:24px;font-weight:800;box-shadow:0 15px 35px rgba(20,22,35,.22)}
.finder-v2{padding-top:34px}
.finder-v2 .finder-head{max-width:720px}
.finder-v2 .finder-head h2{margin-bottom:8px}
.finder-sync-input{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.finder-result-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:20px 0 2px;padding:16px 18px;border:1px solid #d9d7ff;border-radius:15px;background:linear-gradient(135deg,#f7f6ff,#fff);box-shadow:0 8px 24px rgba(55,50,130,.06)}
.stack-builder-copy{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}
.stack-builder-copy b{font-size:15px;color:var(--ink);white-space:nowrap}
.stack-builder-copy>span:last-child{font-size:11px;color:var(--muted)}
.stack-builder-badge{display:inline-flex!important;align-items:center;padding:5px 8px;border-radius:999px;background:#e9e7ff;color:#5551c9!important;font-size:9px!important;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.finder-result-actions .build-stack-link{box-shadow:0 8px 18px rgba(91,92,240,.18);white-space:nowrap}
.how-section{padding-top:34px;padding-bottom:34px}
.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.how-grid article{padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff}
.how-grid span{display:inline-flex;width:27px;height:27px;align-items:center;justify-content:center;border-radius:50%;background:#f0efff;color:#5b5cf0;font-size:10px;font-weight:800;margin-bottom:12px}
.how-grid b{display:block;font-size:15px}
.how-grid p{margin:7px 0 0;font-size:11px;line-height:1.45;color:var(--muted)}
.stack-promo{padding-top:30px;padding-bottom:30px}
.stack-promo-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:25px 28px;border-radius:18px;background:linear-gradient(135deg,#171925,#292b43);color:#fff}
.stack-promo .eyebrow{color:#aaaee0}
.stack-promo h2{margin:7px 0 8px;font-size:28px;letter-spacing:-.8px}
.stack-promo p{max-width:650px;margin:0;color:#c5c7d6;font-size:12px;line-height:1.5}
.stack-promo .primary-btn{flex:0 0 auto;white-space:nowrap}
.news-section{padding-top:34px;padding-bottom:34px}
.news-section .news-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.news-section .news-grid>*:nth-child(n+4){display:none}
.news-section .section-title h2{margin-bottom:0}
.compare-section{padding-top:34px;padding-bottom:40px}
.compare-wrap{border-top:1px solid var(--line);padding-top:30px}
@media(max-width:820px){
  .hero-v2{padding:38px 0 30px}
  .hero-art-v2{display:none}
  .hero-v2 h1{font-size:46px}
  .hero-preferences{max-width:none}
  .how-grid{grid-template-columns:1fr}
  .stack-promo-inner{align-items:flex-start;flex-direction:column}
  .news-section .news-grid{grid-template-columns:1fr 1fr}
  .news-section .news-grid>*:nth-child(n+3){display:none}
}
@media(max-width:560px){
  .hero-v2 h1{font-size:39px;letter-spacing:-1.8px}
  .hero-v2 .hero-search{display:flex;flex-wrap:wrap}
  .hero-v2 .hero-search input{min-width:0;flex:1 1 100%}
  .hero-v2 .hero-search button{width:100%;margin-top:8px}
  .hero-preferences{grid-template-columns:1fr}
  .hero-trust{gap:7px;flex-direction:column}
  .finder-result-actions{align-items:flex-start;flex-direction:column}.stack-builder-copy{align-items:flex-start;flex-direction:column;gap:5px}.finder-result-actions .build-stack-link{width:100%}
  .news-section .news-grid{grid-template-columns:1fr}
  .stack-promo h2{font-size:24px}
}