/* Critical first-paint geometry for the FreeLLM home prototype.
   Keep this file intentionally small; the full visual skin loads asynchronously. */
html,body{margin:0}
body[data-reference-style="v1"][data-fl-section="home"]{
  --fl-reference-rail:188px;
  --proto-ink:#07152e;
  background:#f7fbff;
  color:var(--proto-ink);
  overflow-x:hidden!important;
}
html.fl-pastel-ui body.fl-ui-v2[data-reference-style="v1"][data-fl-section="home"]{padding:0!important}
body[data-reference-style="v1"][data-fl-section="home"] .fl-site-ribbon,
body[data-reference-style="v1"][data-fl-section="home"] .catalog-header{display:none!important}
body[data-reference-style="v1"][data-fl-section="home"] .catalog-app{
  margin-left:var(--fl-reference-rail)!important;
  width:calc(100% - var(--fl-reference-rail))!important;
  max-width:none!important;
  padding:0!important;
}
body[data-reference-style="v1"][data-fl-section="home"] .catalog-content{
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0 18px 48px!important;
}
body[data-reference-style="v1"][data-fl-section="home"] .prototype-home{padding-top:0!important}
body[data-reference-style="v1"][data-fl-section="home"] .prototype-student-banner,
body[data-reference-style="v1"][data-fl-section="home"] .prototype-home~.catalog-hero,
body[data-reference-style="v1"][data-fl-section="home"] .prototype-home~.ref-feature-row,
body[data-reference-style="v1"][data-fl-section="home"] .prototype-home~.today-latest{display:none!important}
body[data-reference-style="v1"][data-fl-section="home"] .prototype-home~.catalog-filter-bar,
body[data-reference-style="v1"][data-fl-section="home"] .prototype-home~.category-section,
body[data-reference-style="v1"][data-fl-section="home"] .prototype-home~.featured-section,
body[data-reference-style="v1"][data-fl-section="home"] .prototype-home~.offers-section,
body[data-reference-style="v1"][data-fl-section="home"] .prototype-home~.weekly-scan-summary,
body[data-reference-style="v1"][data-fl-section="home"] .prototype-home~.expiry-board,
body[data-reference-style="v1"][data-fl-section="home"] .prototype-home~.utility-grid,
body[data-reference-style="v1"][data-fl-section="home"] .prototype-home~.catalog-faq,
body[data-reference-style="v1"][data-fl-section="home"] .prototype-home~.footer{display:none!important}
body[data-reference-style="v1"][data-fl-section="home"] .prototype-hero{
  position:relative;
  height:240px;
  display:flex;
  align-items:center;
  margin:0;
  border-radius:0;
  background:linear-gradient(90deg,#f9fcff 0 24%,rgba(247,251,255,.4) 40%,rgba(240,248,255,0) 60%);
}
body[data-reference-style="v1"][data-fl-section="home"] .prototype-hero::after{
  content:"";
  position:absolute;
  right:-12px;
  top:-30px;
  width:min(840px,68vw);
  height:clamp(220px,23vw,300px);
  z-index:0;
  pointer-events:none;
  background:url("../assets/reference/home-hero.svg?v=20261001b") right top/100% 100% no-repeat;
}
body[data-reference-style="v1"][data-fl-section="home"] .prototype-hero-copy{
  position:relative;
  z-index:2;
  width:520px;
  margin-left:14px;
}
body[data-reference-style="v1"][data-fl-section="home"] .prototype-kicker{
  display:block;
  margin-bottom:9px;
  color:#0968fa;
  font-size:16px;
  line-height:1;
  font-weight:600;
}
body[data-reference-style="v1"][data-fl-section="home"] .prototype-hero h1{
  margin:0 0 14px;
  color:#08132b!important;
  font:900 56px/1.05 Arial,"Microsoft YaHei",sans-serif!important;
  letter-spacing:-.035em!important;
}
body[data-reference-style="v1"][data-fl-section="home"] .prototype-hero h1 em{
  color:#0a67ef!important;
  font-style:normal!important;
}
body[data-reference-style="v1"][data-fl-section="home"] .prototype-hero p{
  margin:0;
  color:#223b63;
  font-size:15px;
  line-height:1.7;
  font-weight:520;
}
body[data-reference-style="v1"][data-fl-section="home"] .prototype-hero-actions{
  display:flex;
  align-items:center;
  gap:13px;
  margin-top:12px;
}
body[data-reference-style="v1"][data-fl-section="home"] .prototype-hero-actions a{
  height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  border-radius:10px;
  font-size:13px;
  font-weight:650;
  text-decoration:none!important;
}
body[data-reference-style="v1"][data-fl-section="home"] .prototype-primary{
  min-width:132px;
  color:#fff!important;
  background:#0862e9;
}
body[data-reference-style="v1"][data-fl-section="home"] .prototype-secondary{
  min-width:158px;
  color:#1261e6!important;
  border:1px solid #bcd6fb;
  background:#fff;
}
body[data-reference-style="v1"][data-fl-section="home"] .prototype-stats{
  min-height:92px;
}
@media(max-width:800px){
  body[data-reference-style="v1"][data-fl-section="home"] .catalog-app{
    margin-left:0!important;
    width:100%!important;
  }
  body[data-reference-style="v1"][data-fl-section="home"] .catalog-content{
    padding:0 14px 34px!important;
  }
  body[data-reference-style="v1"][data-fl-section="home"] .prototype-hero{
    height:auto;
    min-height:0;
    padding:26px 16px 130px;
    box-sizing:border-box;
    align-items:flex-start;
  }
  body[data-reference-style="v1"][data-fl-section="home"] .prototype-hero::after{
    right:0;
    width:100%;
    height:175px;
    top:auto;
    bottom:0;
    opacity:.8;
  }
  body[data-reference-style="v1"][data-fl-section="home"] .prototype-hero-copy{
    width:auto;
    margin:0;
  }
  body[data-reference-style="v1"][data-fl-section="home"] .prototype-hero h1{
    font-size:42px!important;
  }
  body[data-reference-style="v1"][data-fl-section="home"] .prototype-stats{
    min-height:190px;
  }
}

/* P1-PERF: stable catalog hero on the very first paint.
 * The old critical stylesheet only reserved .prototype-hero, which has been retired.
 * Keep this equivalent to the actual v1 Aurora hero geometry: late-loading skins
 * must not move the heading, search control or scan card. */
body[data-reference-style="v1"][data-fl-section="home"] .catalog-hero{
  position:relative!important;isolation:isolate;overflow:hidden!important;
  display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr)!important;
  align-items:center!important;min-height:365px!important;
  padding:48px 42px!important;border:1px solid #dbe9f8!important;border-radius:18px!important;
  background:linear-gradient(115deg,#fff 0 42%,#f4faff 67%,#eaf6ff 100%)!important;
}
body[data-reference-style="v1"][data-fl-section="home"] .catalog-hero::after{
  content:"";position:absolute;right:0;top:0;width:57%;height:100%;z-index:-1;
  background:url("../assets/reference/home-hero.svg") right center/cover no-repeat;
  pointer-events:none;
}
body[data-reference-style="v1"][data-fl-section="home"] .catalog-hero-copy{
  position:relative;z-index:2;max-width:680px!important;min-width:0;
}
body[data-reference-style="v1"][data-fl-section="home"] .catalog-hero .catalog-secondary-title{
  margin:0 0 14px!important;color:#071a3a!important;
  font:900 clamp(44px,5vw,72px)/.98 Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif!important;
  letter-spacing:-.045em!important;
}
body[data-reference-style="v1"][data-fl-section="home"] .catalog-hero .catalog-secondary-title span{color:#0868f7!important}
body[data-reference-style="v1"][data-fl-section="home"] .catalog-hero .hero-copy{
  font-size:16px!important;line-height:1.6!important;margin:0 0 16px!important;
}
body[data-reference-style="v1"][data-fl-section="home"] .hero-badge{
  display:inline-flex;align-items:center;margin:0 0 14px;font-size:14px;
}
body[data-reference-style="v1"][data-fl-section="home"] .hero-search{
  display:flex!important;align-items:center!important;position:relative;z-index:3;
  width:100%;max-width:620px!important;min-height:60px;
  margin-top:22px!important;padding:4px!important;border:1px solid #cfe2f6!important;
  border-radius:14px!important;background:rgba(255,255,255,.92)!important;
}
body[data-reference-style="v1"][data-fl-section="home"] .hero-search input{
  flex:1 1 auto;min-width:0;min-height:46px;padding:0 12px;border:0;background:transparent;
}
body[data-reference-style="v1"][data-fl-section="home"] .hero-search button{
  flex:0 0 auto;min-width:92px;min-height:46px;border:0;border-radius:10px;
  background:#0868f7;color:#fff;
}
body[data-reference-style="v1"][data-fl-section="home"] .hero-intel{
  position:absolute!important;z-index:4;right:34px!important;bottom:30px!important;
  width:318px!important;min-height:112px!important;
  padding:14px 116px 14px 16px!important;
  border:1px solid #cfe2f6!important;border-radius:16px!important;
  background:rgba(255,255,255,.88)!important;
}
body[data-reference-style="v1"][data-fl-section="home"] .hero-intel :is(.intel-story-copy,.intel-pills,.hero-intel-head>span,.hero-intel-main p){display:none!important}
body[data-reference-style="v1"][data-fl-section="home"] .hero-intel-main{display:block;margin-top:6px!important}
body[data-reference-style="v1"][data-fl-section="home"] .hero-intel-main>div:first-child{display:flex;align-items:baseline;gap:7px}
body[data-reference-style="v1"][data-fl-section="home"] .hero-intel-main b{font-size:30px;font-weight:850}
body[data-reference-style="v1"][data-fl-section="home"] .hero-intel-note{
  position:absolute;right:10px;top:10px;width:98px;min-height:90px;padding:10px 8px;
  font-size:12px;line-height:1.4;
}
@media(max-width:800px){
  body[data-reference-style="v1"][data-fl-section="home"] .catalog-hero{
    display:block!important;min-height:0!important;
    padding:24px 16px 170px!important;border-radius:15px!important;
  }
  body[data-reference-style="v1"][data-fl-section="home"] .catalog-hero::after{
    width:100%;height:180px;top:auto;bottom:0;background-position:right bottom;
  }
  body[data-reference-style="v1"][data-fl-section="home"] .catalog-hero .catalog-secondary-title{
    font-size:39px!important;line-height:1.05!important;
  }
  body[data-reference-style="v1"][data-fl-section="home"] .hero-search{max-width:100%!important}
  body[data-reference-style="v1"][data-fl-section="home"] .hero-intel{
    right:12px!important;bottom:14px!important;width:210px!important;
    min-height:94px!important;padding:12px 14px!important;
  }
  body[data-reference-style="v1"][data-fl-section="home"] .hero-intel-note{display:none!important}
}
@media(max-width:600px){
  body[data-reference-style="v1"][data-fl-section="home"] .fl-site-rail{
    min-height:56px!important;
  }
  body[data-reference-style="v1"][data-fl-section="home"] .hero-search{
    min-height:52px!important;
  }
  body[data-reference-style="v1"][data-fl-section="home"] .hero-search input{min-height:42px}
  body[data-reference-style="v1"][data-fl-section="home"] .hero-search button{min-height:42px}
}