/* BaoLong Lab v261 homepage detail refinement and CSS stop-loss layer.
   New homepage styles live here. Existing legacy inline CSS remains untouched
   and will be migrated gradually in later dedicated versions. */

.workflow-positioning-hero{
  min-height:720px;
  background:#ebe8df;
}

.workflow-positioning-hero .hero-grid{
  background:
    linear-gradient(rgba(255,255,255,.32) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.32) 1px, transparent 1px),
    linear-gradient(125deg, #dce4e7 0%, #f2eee5 50%, #e3d9cf 100%);
  background-size:40px 40px,40px 40px,cover;
}

.workflow-positioning-hero .hero-product-slide{
  min-height:720px;
  align-items:center;
  gap:clamp(34px,5vw,88px);
}

.workflow-positioning-hero .hero-product-copy{
  max-width:650px;
}

.workflow-positioning-hero .hero-product-copy h1,
.workflow-positioning-hero .hero-product-copy h2{
  max-width:690px;
  margin:0;
  font-size:clamp(42px,5.2vw,74px) !important;
  line-height:1.04 !important;
  letter-spacing:-.03em !important;
}

.workflow-positioning-hero .hero-product-copy p{
  max-width:640px;
  font-size:18px;
  line-height:1.85;
}

.workflow-hero-map{
  position:relative;
  width:min(100%,620px);
  aspect-ratio:1.08;
  overflow:hidden;
  border:1px solid rgba(20,20,20,.22);
  background:
    linear-gradient(rgba(30,30,30,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(30,30,30,.08) 1px,transparent 1px),
    rgba(255,255,255,.48);
  background-size:32px 32px;
  box-shadow:26px 28px 0 rgba(26,26,26,.07),0 24px 70px rgba(33,38,40,.12);
}

.workflow-hero-map::before,
.workflow-hero-map::after{
  content:"";
  position:absolute;
  border:1px solid rgba(20,20,20,.18);
  pointer-events:none;
}

.workflow-hero-map::before{inset:18px}
.workflow-hero-map::after{inset:50px 72px}

.workflow-map-node{
  position:absolute;
  z-index:2;
  width:42%;
  min-height:104px;
  padding:18px 20px;
  border:1px solid rgba(17,17,17,.7);
  background:rgba(249,248,244,.94);
  box-shadow:10px 12px 0 rgba(17,17,17,.08);
  display:grid;
  gap:5px;
}

.workflow-map-node span{
  font-size:11px;
  letter-spacing:.2em;
  color:#79746d;
}

.workflow-map-node strong{
  font-size:16px;
  letter-spacing:.12em;
}

.workflow-map-node small{
  font-size:11px;
  line-height:1.5;
  color:#6f6b65;
}

.workflow-map-node-reference{left:8%;top:10%}
.workflow-map-node-prompt{right:8%;top:30%;background:#ede7db}
.workflow-map-node-template{left:12%;bottom:24%;background:#dfe5df}
.workflow-map-node-output{right:7%;bottom:7%;background:#e6d7d0}

.workflow-map-axis{
  position:absolute;
  z-index:1;
  height:1px;
  background:#222;
  transform-origin:left center;
  opacity:.55;
}

.workflow-map-axis::after{
  content:"";
  position:absolute;
  right:-1px;
  top:-4px;
  width:8px;
  height:8px;
  border-top:1px solid #222;
  border-right:1px solid #222;
  transform:rotate(45deg);
}

.workflow-map-axis-a{left:42%;top:34%;width:28%;transform:rotate(23deg)}
.workflow-map-axis-b{left:40%;top:65%;width:31%;transform:rotate(18deg)}

.workflow-map-stamp{
  position:absolute;
  left:6%;
  bottom:6%;
  font-size:10px;
  line-height:1.55;
  letter-spacing:.2em;
  color:#6f6a63;
}

.workflow-result-frame{
  position:relative;
  width:min(100%,650px);
  padding:18px 18px 62px;
  border:1px solid rgba(20,20,20,.18);
  background:#f8f7f3;
  box-shadow:24px 26px 0 rgba(0,0,0,.06),0 24px 70px rgba(30,30,30,.13);
  transform:rotate(-1.4deg);
}

.workflow-result-frame img{
  display:block;
  width:100%;
  aspect-ratio:1.35;
  object-fit:cover;
  object-position:center;
  filter:saturate(.84) contrast(.98);
}

.workflow-result-caption{
  position:absolute;
  left:20px;
  right:20px;
  bottom:17px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  font-size:10px;
  letter-spacing:.16em;
}

.workflow-result-caption span{color:#8a857c}
.workflow-result-caption strong{font-size:10px}

.support-banner-card{position:relative}
.support-banner-label{
  position:absolute;
  left:20px;
  bottom:18px;
  padding:10px 13px;
  background:rgba(18,18,18,.88);
  color:#fff;
  font-size:10px;
  letter-spacing:.16em;
}

.workflow-path-section{
  padding:96px 48px 102px;
  background:#efede7;
  color:#1c1c1c;
}

.workflow-path-inner{
  max-width:1500px;
  margin:0 auto;
}

.workflow-path-header{
  display:block;
  margin-bottom:34px;
}

.workflow-path-header .section-kicker{
  margin:0 0 14px;
  color:#8a7454;
}

.workflow-path-header h2{
  margin:0;
  max-width:820px;
  font-size:clamp(36px,5vw,68px);
  line-height:1.05;
  letter-spacing:-.035em;
}

.workflow-path-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid rgba(28,28,28,.22);
  border-bottom:1px solid rgba(28,28,28,.22);
}

.workflow-path-card{
  position:relative;
  min-height:340px;
  padding:28px 25px 30px;
  border-right:1px solid rgba(28,28,28,.16);
  color:inherit;
  background:rgba(255,255,255,.24);
  transition:background .28s ease,transform .28s ease;
}

.workflow-path-card:first-child{border-left:1px solid rgba(28,28,28,.16)}
.workflow-path-card:hover{background:rgba(255,255,255,.7);transform:translateY(-5px)}

.workflow-path-number{
  display:block;
  margin-bottom:62px;
  color:#8a7454;
  font-size:11px;
  letter-spacing:.14em;
}

.workflow-path-label{
  margin:0 0 12px;
  color:#7b766e;
  font-size:10px;
  letter-spacing:.18em;
}

.workflow-path-card h3{
  margin:0 0 15px;
  font-size:25px;
  line-height:1.2;
}

.workflow-path-card>p:not(.workflow-path-label){
  margin:0;
  color:#69655e;
  font-size:14px;
  line-height:1.75;
}

.workflow-path-link{
  position:absolute;
  left:25px;
  bottom:28px;
  font-size:12px;
  letter-spacing:.06em;
}

.workflow-path-link::after{content:"  ↗"}

.featured-workflows-section{
  max-width:1500px;
  padding-top:104px;
  padding-bottom:52px;
}

.featured-workflows-head{align-items:flex-end}
.featured-workflows-head .section-kicker{margin:0 0 12px}
.featured-workflows-all{flex:0 0 auto}

.featured-workflow-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}

.featured-workflow-card{
  min-width:0;
  border:1px solid var(--line);
  background:#fff;
  transition:transform .3s ease,box-shadow .3s ease;
}

.featured-workflow-card:hover{
  transform:translateY(-6px);
  box-shadow:0 20px 50px rgba(0,0,0,.09);
}

.featured-workflow-media{
  position:relative;
  display:block;
  overflow:hidden;
  aspect-ratio:1.26;
  background:#ece9e1;
}

.featured-workflow-media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .55s cubic-bezier(.22,1,.36,1);
}

.featured-workflow-card:hover .featured-workflow-media img{transform:scale(1.025)}

.featured-workflow-media>span{
  position:absolute;
  left:14px;
  bottom:14px;
  padding:9px 11px;
  background:rgba(18,18,18,.88);
  color:#fff;
  font-size:9px;
  letter-spacing:.14em;
}

.featured-workflow-copy{padding:24px 24px 26px}
.featured-workflow-copy h3{margin:0 0 12px;font-size:23px;line-height:1.25}
.featured-workflow-copy p{margin:0 0 24px;color:var(--muted);font-size:14px;line-height:1.75}
.featured-workflow-copy>a{
  display:inline-flex;
  align-items:center;
  border-bottom:1px solid #222;
  padding-bottom:5px;
  font-size:13px;
  font-weight:650;
}
.featured-workflow-copy>a::after{content:" ↗"}

.platform-entries-section{padding-top:52px}
.platform-entries-section .section-kicker{margin:0 0 12px}
.platform-entries-section .category-feature-index{letter-spacing:.13em}
.platform-entries-section .category-feature-link::after{content:"  ↗"}

.secondary-tools-section{padding-top:70px}
.secondary-tools-section .tool-band{background:#141414}

@media (max-width:1100px){
  .workflow-positioning-hero .hero-product-slide{min-height:760px;gap:34px}
  .workflow-path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .workflow-path-card:nth-child(2){border-right:1px solid rgba(28,28,28,.16)}
  .workflow-path-card:nth-child(3){border-left:1px solid rgba(28,28,28,.16);border-top:1px solid rgba(28,28,28,.16)}
  .workflow-path-card:nth-child(4){border-top:1px solid rgba(28,28,28,.16)}
}

@media (max-width:900px){
  .workflow-positioning-hero{min-height:auto}
  .workflow-positioning-hero .hero-product-slide{min-height:auto;padding-top:102px;padding-bottom:92px}
  .workflow-positioning-hero .hero-product-copy{text-align:center;margin:0 auto}
  .workflow-positioning-hero .hero-product-copy h1,
  .workflow-positioning-hero .hero-product-copy h2{margin-left:auto;margin-right:auto}
  .workflow-positioning-hero .hero-product-copy p{margin-left:auto;margin-right:auto}
  .workflow-hero-map,.workflow-result-frame{max-width:610px;margin:0 auto}
  .workflow-path-section{padding:78px 28px 82px}
  .featured-workflow-grid{grid-template-columns:1fr 1fr}
  .featured-workflow-card:last-child{grid-column:1/-1;max-width:calc(50% - 11px)}
}

@media (max-width:680px){
  .workflow-positioning-hero .hero-product-slide{padding:82px 18px 84px}
  .workflow-positioning-hero .hero-product-copy h1,
  .workflow-positioning-hero .hero-product-copy h2{
    max-width:350px;
    font-size:clamp(34px,10.5vw,42px) !important;
    line-height:1.12 !important;
    letter-spacing:0 !important;
    word-break:keep-all !important;
    overflow-wrap:normal !important;
  }
  .workflow-positioning-hero .hero-product-copy p{font-size:16px;line-height:1.72}
  .workflow-hero-map{aspect-ratio:.92;box-shadow:14px 16px 0 rgba(26,26,26,.07)}
  .workflow-map-node{width:48%;min-height:90px;padding:13px 14px}
  .workflow-map-node strong{font-size:12px}
  .workflow-map-node small{font-size:9px}
  .workflow-map-node-reference{left:5%;top:7%}
  .workflow-map-node-prompt{right:4%;top:30%}
  .workflow-map-node-template{left:6%;bottom:25%}
  .workflow-map-node-output{right:4%;bottom:6%}
  .workflow-map-stamp{font-size:8px}
  .workflow-result-frame{padding:10px 10px 52px;box-shadow:14px 16px 0 rgba(0,0,0,.06)}
  .workflow-result-caption{left:13px;right:13px;bottom:15px;display:grid;gap:4px}
  .workflow-path-section{padding:66px 18px 70px}
  .workflow-path-header h2{font-size:38px}
  .workflow-path-grid{grid-template-columns:1fr}
  .workflow-path-card,
  .workflow-path-card:first-child,
  .workflow-path-card:nth-child(2),
  .workflow-path-card:nth-child(3),
  .workflow-path-card:nth-child(4){
    min-height:300px;
    border-left:1px solid rgba(28,28,28,.16);
    border-right:1px solid rgba(28,28,28,.16);
    border-top:1px solid rgba(28,28,28,.16);
  }
  .workflow-path-card:first-child{border-top:0}
  .workflow-path-number{margin-bottom:45px}
  .featured-workflows-section{padding-top:76px;padding-bottom:78px}
  .featured-workflows-head{align-items:flex-start}
  .featured-workflows-all{margin-top:8px}
  .featured-workflow-grid{grid-template-columns:1fr}
  .featured-workflow-card:last-child{grid-column:auto;max-width:none}
  .platform-entries-section{padding-top:54px}
}

@media (prefers-reduced-motion:reduce){
  .workflow-path-card,
  .featured-workflow-card,
  .featured-workflow-media img{transition:none}
}


/* v260 compact closing section */
.secondary-tools-section .tool-band{padding-top:66px;padding-bottom:66px}
.secondary-tools-section .tool-band>div:first-child h2{max-width:720px}
@media (max-width:680px){
  .secondary-tools-section .tool-band{padding-top:52px;padding-bottom:52px}
}

/* v260 mobile title wrapping for the new Chinese positioning copy */
@media (max-width:680px){
  .workflow-positioning-hero .platform-slide .hero-product-copy h1{
    max-width:330px !important;
    font-size:clamp(34px,9.6vw,39px) !important;
    word-break:normal !important;
    overflow-wrap:anywhere !important;
  }
  .secondary-tools-section .tool-band h2{
    font-size:clamp(30px,9vw,38px) !important;
    word-break:normal !important;
    overflow-wrap:anywhere !important;
  }
}

/* v380-fixed1: English homepage hero height and CTA visibility repair.
   The desktop carousel previously retained a 600px legacy track while the
   four-line English positioning title needed more vertical room. Keep the
   Chinese layout unchanged, and let the English desktop hero fully contain
   its copy and actions without colliding with the next section. */
@media (min-width:1281px){
  html[data-bl-lang="en"] .workflow-positioning-hero{
    min-height:720px !important;
  }

  html[data-bl-lang="en"] .workflow-positioning-hero .hero-product-track{
    height:720px !important;
    min-height:720px !important;
  }

  html[data-bl-lang="en"] .workflow-positioning-hero .hero-product-slide{
    min-height:720px !important;
    padding-top:54px !important;
    padding-bottom:72px !important;
  }

  html[data-bl-lang="en"] .workflow-positioning-hero .platform-slide .hero-product-copy{
    max-width:700px !important;
  }

  html[data-bl-lang="en"] .workflow-positioning-hero .platform-slide .hero-product-copy h1{
    max-width:700px !important;
    font-size:clamp(50px,4.8vw,68px) !important;
    line-height:1.03 !important;
    letter-spacing:-.025em !important;
    text-wrap:balance;
  }

  html[data-bl-lang="en"] .workflow-positioning-hero .platform-slide .hero-product-copy p{
    max-width:650px !important;
    margin-top:16px !important;
    font-size:17px !important;
    line-height:1.65 !important;
  }

  html[data-bl-lang="en"] .workflow-positioning-hero .platform-slide .hero-actions{
    margin-top:20px !important;
  }
}