/* Homepage UX revision informed by Attention Insight desktop/mobile audits. */
.hero{max-width:var(--shell);margin:auto;padding:84px 24px 72px;display:grid;grid-template-columns:1.08fr .92fr;gap:58px;align-items:center}
.hero-copy{max-width:650px}
.hero h1{font-size:clamp(46px,5.4vw,68px);max-width:760px;margin-bottom:18px}
.hero h1 span{color:var(--blue)}
.hero .lede{max-width:650px}
.hero-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:26px 0 18px}
.hero-primary{padding:14px 20px;min-height:50px}
.hero-secondary-link{font-size:13px;color:var(--ink2);font-weight:600}
.hero-secondary-link strong{color:var(--blue);font-weight:850}
.hero-secondary-link:hover strong{text-decoration:underline}
.trust-row{display:flex;flex-wrap:wrap;gap:15px;color:#5d7180;font-size:12px;font-weight:700}
.trust-row i{font-style:normal;color:var(--green)}
.hero-visual{background:linear-gradient(145deg,#f8fbfd,#eef5f9);border:1px solid #dbe8ef;border-radius:24px;padding:16px;box-shadow:0 16px 42px rgba(11,34,57,.07);transform:none}
.hero-visual .app-window{opacity:.92}
.workflow-summary{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 12px;border:1px solid var(--line);border-radius:12px;background:var(--paper);font-size:11px;color:var(--ink2);margin-bottom:8px}
.workflow-summary strong{font-size:11px;color:var(--navy)}
.workflow-summary span{color:#9caebb;font-weight:800}
.path-section{background:var(--paper)}
.path-section .section-head{margin-bottom:30px}
.path-section .section-head .lede{margin-left:auto;margin-right:auto}
.path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.path-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px;display:flex;flex-direction:column;min-height:300px;box-shadow:0 10px 30px rgba(11,34,57,.04)}
.path-card:first-child{border-color:#b9dced;box-shadow:0 12px 34px rgba(23,111,168,.08)}
.path-number{font-size:10px;color:var(--blue);font-weight:900;letter-spacing:.12em}
.path-card h3{font-size:24px;margin:26px 0 10px}
.path-card p{color:var(--muted);font-size:14px;flex:1}
.path-card .button{align-self:flex-start;margin-top:10px}

/* Journal Finder priorities: compact, scan-friendly selectable cards. */
.priority-field>span:first-child{display:block;margin-bottom:3px}
.priority-helper{display:block;margin:0 0 11px;color:var(--muted)}
.priority-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px!important}
.chip-check{position:relative;display:block!important;cursor:pointer;margin:0!important}
.chip-check input{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}
.chip-check span{display:flex!important;align-items:center;gap:9px;min-height:46px;padding:10px 12px!important;border:1px solid #d6e2e9!important;border-radius:12px!important;background:#fff!important;color:var(--ink2)!important;font-size:13px!important;font-weight:750!important;line-height:1.2;white-space:normal!important;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,color .15s ease}
.chip-check span::before{content:"";display:grid;place-items:center;flex:0 0 17px;width:17px;height:17px;border:1.5px solid #9fb3bf;border-radius:50%;box-sizing:border-box;font-size:10px;font-weight:900}
.chip-check:hover span{border-color:#a9cddd!important;background:#fbfdff!important}
.chip-check input:checked+span{border-color:#72bce1!important;background:#eef8fd!important;color:#0f5f8f!important;box-shadow:inset 0 0 0 1px rgba(37,136,190,.08)}
.chip-check input:checked+span::before{content:"✓";border-color:#1677aa;background:#1677aa;color:#fff}
.chip-check input:focus-visible+span{outline:3px solid rgba(42,145,200,.22);outline-offset:2px}

@media(max-width:980px){
  .hero{grid-template-columns:1fr;gap:34px}
  .hero-copy{max-width:760px}
  .hero-visual{max-width:670px}
  .path-grid{grid-template-columns:1fr}
  .path-card{min-height:0}
}
@media(max-width:680px){
  .section{padding:58px 17px}
  .brand{font-size:19px}
  .hero{padding:38px 17px 48px;gap:28px}
  .hero .kicker{display:none}
  .hero h1{font-size:39px;line-height:1.04;margin:0 0 16px}
  .hero .lede{font-size:16px;line-height:1.55}
  .hero-actions{display:grid;gap:12px;margin:22px 0 16px}
  .hero-primary{width:100%;min-height:52px}
  .hero-secondary-link{text-align:center;font-size:12px;padding:2px 0}
  .trust-row{gap:8px 13px;font-size:11px}
  .hero-visual{padding:10px;border-radius:18px;box-shadow:none}
  .workflow-summary{gap:5px;padding:10px 7px;font-size:9px}
  .workflow-summary strong{font-size:9px}
  .window-body{padding:13px}
  .sample-result{padding:9px 0}
  .sample-result small{display:none}
  .path-section .section-head{text-align:left}
  .path-section .section-head .lede{margin-left:0;margin-right:0}
  .path-card{padding:22px}
  .path-card h3{margin-top:20px}
  .path-card .button{width:100%}
  .priority-grid{grid-template-columns:1fr 1fr!important;gap:9px!important}
  .chip-check span{min-height:44px;padding:9px 10px!important;font-size:12px!important}
  .chip-check:last-child{grid-column:1 / -1}
}
@media(max-width:420px){
  .priority-grid{grid-template-columns:1fr!important}
  .chip-check:last-child{grid-column:auto}
}