:root {
  --blwh-ink: #101514;
  --blwh-muted: #64706c;
  --blwh-line: #dce4e1;
  --blwh-soft: #f2f6f4;
  --blwh-green: #0b9c73;
  --blwh-green-dark: #067153;
  --blwh-white: #fff;
  --blwh-radius: 22px;
  --blwh-shadow: 0 24px 70px rgba(15, 38, 31, .1);
}
body.blwh-hub-page { overflow-x: hidden; }
.blwh-hub-page .entry-title { display: none; }
.blwh-hub-page .entry-content, .blwh-hub-page .site-main { max-width: none; }
.blwh-hub-page .entry-content { margin: 0; }
.blwh-site-main { max-width: none !important; padding-top: 88px; overflow: clip; }
.blwh-hub-page .entry-content > .blwh-subnav,
.blwh-hub-page .entry-content > .blwh-wrap { max-width: none; }
.blwh-hub-page *, .blwh-hub-page *::before, .blwh-hub-page *::after { box-sizing: border-box; }
.blwh-wrap { width: min(1240px, calc(100% - 48px)); margin: 0 auto; color: var(--blwh-ink); font-family: Pretendard, "Noto Sans KR", "Apple SD Gothic Neo", sans-serif; }
.blwh-wrap h1, .blwh-wrap h2, .blwh-wrap h3, .blwh-wrap p { letter-spacing: -.035em; }
.blwh-wrap a { text-decoration: none; }
.blwh-kicker { margin: 0 0 18px !important; color: var(--blwh-green-dark); font-size: 12px !important; font-weight: 850; letter-spacing: .17em !important; }
.blwh-subnav { position: sticky; z-index: 45; top: 0; display: flex; align-items: center; gap: 34px; min-height: 62px; padding: 0 max(24px, calc((100vw - 1240px) / 2)); border-block: 1px solid var(--blwh-line); background: rgba(255,255,255,.94); backdrop-filter: blur(18px); }
.admin-bar .blwh-subnav { top: 32px; }
.blwh-subnav strong { flex: 0 0 auto; font-size: 11px; letter-spacing: .12em; }
.blwh-subnav div { display: flex; align-items: stretch; gap: 26px; min-height: 60px; overflow-x: auto; }
.blwh-subnav a { position: relative; display: flex; align-items: center; flex: 0 0 auto; color: var(--blwh-muted); font-size: 13px; font-weight: 700; }
.blwh-subnav a:hover, .blwh-subnav a.is-current { color: var(--blwh-ink); }
.blwh-subnav a.is-current::after { content: ""; position: absolute; inset: auto 0 -1px; height: 2px; background: var(--blwh-green); }
.blwh-button { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 22px; border: 1px solid var(--blwh-line); border-radius: 999px; color: var(--blwh-ink) !important; background: var(--blwh-white); font-size: 14px; font-weight: 800; transition: transform .2s ease, box-shadow .2s ease; }
.blwh-button:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(15,38,31,.1); }
.blwh-button.is-primary { border-color: var(--blwh-green); color: #fff !important; background: var(--blwh-green); }
.blwh-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 32px; }

/* Parent hub */
.blwh-parent { padding: 56px 0 100px; }
.blwh-hub-intro { position: relative; min-height: 480px; padding: clamp(48px, 7vw, 92px); overflow: hidden; border-radius: 30px; background: linear-gradient(135deg,#eef7f3 0%,#fff 54%,#e7f5ef 100%); }
.blwh-hub-intro::after { content: "WP"; position: absolute; right: -35px; bottom: -100px; color: rgba(11,156,115,.075); font-family: Georgia,serif; font-size: clamp(210px,28vw,430px); font-weight: 800; line-height: 1; letter-spacing: -.12em; }
.blwh-hub-intro > * { position: relative; z-index: 1; }
.blwh-hub-intro h1 { max-width: 850px; margin: 0; font-family: Georgia,"Times New Roman",serif; font-size: clamp(46px,7vw,86px); font-weight: 500; line-height: 1.02; letter-spacing: -.06em; }
.blwh-hub-intro > p:not(.blwh-kicker) { max-width: 690px; margin: 26px 0 0; color: var(--blwh-muted); font-size: 18px; line-height: 1.75; }
.blwh-quick-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; margin: 18px 0 80px; overflow: hidden; border: 1px solid var(--blwh-line); border-radius: var(--blwh-radius); background: var(--blwh-line); }
.blwh-quick-grid a { min-height: 190px; padding: 28px; color: var(--blwh-ink); background: #fff; transition: background .2s ease; }
.blwh-quick-grid a:hover { background: var(--blwh-soft); }
.blwh-quick-grid span { display: block; margin-bottom: 42px; color: var(--blwh-green-dark); font-family: Georgia,serif; font-size: 13px; }
.blwh-quick-grid strong { display: block; margin-bottom: 7px; font-size: 19px; }
.blwh-quick-grid small { color: var(--blwh-muted); font-size: 13px; line-height: 1.5; }
.blwh-existing-content { max-width: 960px; margin: 0 auto; }
.blwh-existing-content h2 { margin: 70px 0 20px; font-size: clamp(28px,4vw,42px); }

/* Service */
.blwh-service, .blwh-directory { padding: 54px 0 110px; }
.blwh-service-hero { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(300px,.55fr); gap: 26px; align-items: stretch; min-height: 620px; }
.blwh-service-hero > div { display: flex; flex-direction: column; justify-content: center; padding: clamp(42px,7vw,94px); border-radius: 30px; background: #f0f7f4; }
.blwh-service-hero h1 { margin: 0; font-family: Georgia,"Times New Roman",serif; font-size: clamp(46px,6.5vw,78px); font-weight: 500; line-height: 1.05; letter-spacing: -.06em; }
.blwh-service-hero h1 em, .blwh-directory-hero h1 em { color: var(--blwh-green-dark); font-style: italic; font-weight: 500; }
.blwh-service-hero > div > p:not(.blwh-kicker) { max-width: 690px; margin: 28px 0 0; color: var(--blwh-muted); font-size: 18px; line-height: 1.8; }
.blwh-service-hero aside { display: flex; flex-direction: column; justify-content: flex-end; padding: 42px; border-radius: 30px; color: #fff; background: #0c1815; }
.blwh-service-hero aside > span { margin-bottom: auto; color: #84cfb8; font-size: 12px; font-weight: 800; letter-spacing: .12em; }
.blwh-service-hero aside strong { margin: 80px 0 28px; font-family: Georgia,serif; font-size: 28px; line-height: 1.35; }
.blwh-service-hero aside ul { margin: 0; padding: 0; list-style: none; }
.blwh-service-hero aside li { padding: 11px 0; border-top: 1px solid rgba(255,255,255,.14); color: #ccd8d4; font-size: 14px; }
.blwh-section { padding: 110px 0; border-bottom: 1px solid var(--blwh-line); }
.blwh-section-title { display: flex; gap: 18px; align-items: flex-start; margin-bottom: 46px; }
.blwh-section-title > span { color: var(--blwh-green-dark); font-family: Georgia,serif; font-size: 16px; }
.blwh-section-title p { margin: 0 0 4px; color: var(--blwh-muted); font-size: 11px; font-weight: 800; letter-spacing: .16em; }
.blwh-section-title h2 { margin: 0; font-family: Georgia,"Times New Roman",serif; font-size: clamp(36px,5vw,58px); font-weight: 500; line-height: 1.1; }
.blwh-service-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.blwh-service-grid article { min-height: 240px; padding: 32px; border: 1px solid var(--blwh-line); border-radius: 18px; background: #fff; }
.blwh-service-grid b { display: block; margin-bottom: 54px; font-size: 20px; }
.blwh-service-grid p { margin: 0; color: var(--blwh-muted); font-size: 15px; line-height: 1.75; }
.blwh-process ol { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 46px; margin: 0; padding: 0; list-style: none; }
.blwh-process li { display: grid; grid-template-columns: 44px 1fr; gap: 18px; padding: 30px 0; border-top: 1px solid var(--blwh-line); }
.blwh-process li > span { color: var(--blwh-green-dark); font-family: Georgia,serif; font-size: 13px; }
.blwh-process strong { display: block; margin-bottom: 10px; font-size: 20px; }
.blwh-process li p { margin: 0; color: var(--blwh-muted); font-size: 15px; line-height: 1.7; }
.blwh-two-col { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.blwh-two-col > div { min-height: 380px; padding: 42px; border-radius: 22px; background: var(--blwh-soft); }
.blwh-two-col > div:last-child { color: #fff; background: #0d1a17; }
.blwh-two-col h3 { margin: 0 0 30px; font-size: 28px; }
.blwh-two-col ul { margin: 0; padding: 0; list-style: none; }
.blwh-two-col li { padding: 11px 0; border-bottom: 1px solid var(--blwh-line); }
.blwh-two-col p { color: #c7d3cf; font-size: 16px; line-height: 1.85; }
.blwh-two-col a { display: block; margin-top: 18px; color: #81d4ba; font-weight: 800; }
.blwh-faq details { border-top: 1px solid var(--blwh-line); }
.blwh-faq details:last-child { border-bottom: 1px solid var(--blwh-line); }
.blwh-faq summary { padding: 24px 0; cursor: pointer; font-size: 18px; font-weight: 800; }
.blwh-faq details p { max-width: 850px; margin: -6px 0 26px; color: var(--blwh-muted); line-height: 1.8; }

/* Directory */
.blwh-directory-hero { padding: clamp(48px,8vw,100px); border-radius: 30px; background: linear-gradient(145deg,#edf7f3,#fff); text-align: center; }
.blwh-directory-hero h1 { margin: 0; font-family: Georgia,"Times New Roman",serif; font-size: clamp(46px,7vw,82px); font-weight: 500; line-height: 1.04; letter-spacing: -.06em; }
.blwh-directory-hero > p:not(.blwh-kicker) { max-width: 760px; margin: 26px auto 0; color: var(--blwh-muted); font-size: 17px; line-height: 1.8; }
.blwh-plugin-search { display: flex; width: min(760px,100%); margin: 38px auto 18px; padding: 7px; border: 1px solid var(--blwh-line); border-radius: 999px; background: #fff; box-shadow: var(--blwh-shadow); }
.blwh-plugin-search label { flex: 1; }
.blwh-plugin-search input { width: 100%; min-height: 52px; padding: 0 22px; border: 0 !important; outline: 0; box-shadow: none !important; background: transparent; font: inherit; }
.blwh-plugin-search button { flex: 0 0 auto; min-width: 138px; border: 0; border-radius: 999px; color: #fff; background: var(--blwh-green); font: inherit; font-size: 14px; font-weight: 800; cursor: pointer; }
.blwh-category-pills { display: flex; justify-content: center; flex-wrap: wrap; gap: 7px; }
.blwh-category-pills a { padding: 8px 14px; border: 1px solid var(--blwh-line); border-radius: 999px; color: var(--blwh-muted); background: #fff; font-size: 12px; font-weight: 700; }
.blwh-category-pills a:hover, .blwh-category-pills a.is-active { border-color: var(--blwh-green); color: var(--blwh-green-dark); }
.blwh-trust-strip { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; margin: 18px 0 92px; overflow: hidden; border: 1px solid var(--blwh-line); border-radius: 18px; background: var(--blwh-line); }
.blwh-trust-strip div { padding: 24px; background: #fff; }
.blwh-trust-strip strong, .blwh-trust-strip span { display: block; }
.blwh-trust-strip strong { margin-bottom: 5px; font-size: 14px; }
.blwh-trust-strip span { color: var(--blwh-muted); font-size: 12px; }
.blwh-results-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 26px; }
.blwh-results-heading p { margin: 0 0 4px; color: var(--blwh-green-dark); font-size: 11px; font-weight: 850; letter-spacing: .14em; }
.blwh-results-heading h2 { margin: 0; font-family: Georgia,"Times New Roman",serif; font-size: clamp(30px,4vw,44px); font-weight: 500; }
.blwh-results-heading > a { flex: 0 0 auto; color: var(--blwh-green-dark); font-size: 13px; font-weight: 800; }
.blwh-plugin-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.blwh-plugin-card { display: flex; flex-direction: column; min-height: 355px; padding: 24px; border: 1px solid var(--blwh-line); border-radius: 18px; background: #fff; transition: transform .2s ease, box-shadow .2s ease; }
.blwh-plugin-card:hover { transform: translateY(-3px); box-shadow: var(--blwh-shadow); }
.blwh-plugin-card header { display: flex; gap: 15px; align-items: center; }
.blwh-plugin-card img, .blwh-plugin-fallback { flex: 0 0 auto; width: 58px; height: 58px; border-radius: 13px; }
.blwh-plugin-fallback { display: grid; place-items: center; color: #fff; background: var(--blwh-green); font-family: Georgia,serif; font-weight: 800; }
.blwh-plugin-card h3 { margin: 0 0 4px; font-size: 18px; line-height: 1.3; }
.blwh-plugin-card code { color: var(--blwh-muted); background: transparent; font-size: 11px; }
.blwh-plugin-card > p { flex: 1; margin: 24px 0; color: var(--blwh-muted); font-size: 14px; line-height: 1.7; }
.blwh-plugin-stats { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 18px; }
.blwh-plugin-stats span { padding: 5px 8px; border-radius: 6px; color: var(--blwh-muted); background: var(--blwh-soft); font-size: 10px; }
.blwh-plugin-card footer { display: flex; gap: 6px; flex-wrap: wrap; padding-top: 16px; border-top: 1px solid var(--blwh-line); }
.blwh-plugin-card footer a { padding: 8px 11px; border: 1px solid var(--blwh-line); border-radius: 8px; color: var(--blwh-ink); font-size: 11px; font-weight: 800; }
.blwh-plugin-card footer a.is-download { border-color: var(--blwh-green); color: var(--blwh-green-dark); }
.blwh-plugin-card footer a.is-admin { color: #fff; background: var(--blwh-ink); }
.blwh-pagination { display: flex; align-items: center; justify-content: center; gap: 18px; margin-top: 34px; }
.blwh-pagination a, .blwh-pagination span { padding: 9px 14px; border: 1px solid var(--blwh-line); border-radius: 999px; color: var(--blwh-ink); font-size: 12px; }
.blwh-notice { padding: 34px; border: 1px solid var(--blwh-line); border-radius: 16px; background: var(--blwh-soft); }
.blwh-notice p { margin: 8px 0 0; color: var(--blwh-muted); }
.blwh-license-guide, .blwh-own-plugins { margin-top: 110px; }
.blwh-license-guide > div:first-child { display: grid; grid-template-columns: .4fr .6fr; align-items: end; margin-bottom: 34px; }
.blwh-license-guide h2 { margin: 0; font-family: Georgia,"Times New Roman",serif; font-size: clamp(38px,5vw,58px); font-weight: 500; line-height: 1.13; }
.blwh-license-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.blwh-license-grid article { min-height: 270px; padding: 30px; border-radius: 18px; background: var(--blwh-soft); }
.blwh-license-grid article:nth-child(2) { color: #fff; background: var(--blwh-green-dark); }
.blwh-license-grid article:nth-child(3) { color: #fff; background: var(--blwh-ink); }
.blwh-license-grid span { color: var(--blwh-green); font-size: 11px; font-weight: 850; letter-spacing: .14em; }
.blwh-license-grid article:nth-child(n+2) span { color: #8cdfc5; }
.blwh-license-grid h3 { margin: 56px 0 12px; font-size: 21px; }
.blwh-license-grid p { margin: 0; color: var(--blwh-muted); font-size: 14px; line-height: 1.75; }
.blwh-license-grid article:nth-child(n+2) p { color: #c8d6d1; }
.blwh-own-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.blwh-own-grid a { min-height: 260px; padding: 24px; border: 1px solid var(--blwh-line); border-radius: 16px; color: var(--blwh-ink); }
.blwh-own-grid span { color: var(--blwh-green-dark); font-size: 10px; font-weight: 850; }
.blwh-own-grid h3 { margin: 34px 0 5px; font-size: 18px; }
.blwh-own-grid p { color: var(--blwh-muted); font-size: 13px; line-height: 1.6; }
.blwh-own-grid b { display: block; margin-top: 20px; color: var(--blwh-green-dark); font-size: 12px; }
.blwh-cta { display: grid; grid-template-columns: 1fr auto; gap: 8px 24px; align-items: end; margin-top: 110px; padding: 52px; border-radius: 24px; color: #fff; background: #0c1815; }
.blwh-cta p { grid-column: 1/-1; margin: 0; color: #81d4ba; font-size: 11px; font-weight: 850; letter-spacing: .14em; }
.blwh-cta h2 { margin: 0; font-family: Georgia,"Times New Roman",serif; font-size: clamp(30px,4vw,48px); font-weight: 500; }
.blwh-cta span { grid-column: 1; color: #c7d3cf; font-size: 14px; }
.blwh-cta a { grid-column: 2; grid-row: 2/4; align-self: center; }

@media (max-width: 980px) {
  .blwh-quick-grid, .blwh-trust-strip { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .blwh-service-hero { grid-template-columns: 1fr; }
  .blwh-service-hero aside { min-height: 400px; }
  .blwh-service-grid, .blwh-plugin-grid, .blwh-license-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .blwh-own-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .blwh-license-guide > div:first-child { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  .blwh-site-main { padding-top: 78px; }
  .admin-bar .blwh-subnav { top: 46px; }
  .blwh-wrap { width: min(100% - 28px,1240px); }
  .blwh-subnav { display: block; padding: 10px 14px 0; }
  .blwh-subnav strong { display: none; }
  .blwh-subnav div { gap: 18px; min-height: 46px; }
  .blwh-parent, .blwh-service, .blwh-directory { padding-top: 20px; }
  .blwh-hub-intro, .blwh-service-hero > div, .blwh-directory-hero { padding: 42px 24px; border-radius: 20px; }
  .blwh-hub-intro { min-height: 520px; }
  .blwh-hub-intro h1, .blwh-service-hero h1, .blwh-directory-hero h1 { font-size: 43px; }
  .blwh-quick-grid, .blwh-service-grid, .blwh-process ol, .blwh-two-col, .blwh-plugin-grid, .blwh-license-grid, .blwh-own-grid { grid-template-columns: 1fr; }
  .blwh-trust-strip { grid-template-columns: 1fr 1fr; }
  .blwh-section { padding: 76px 0; }
  .blwh-results-heading { align-items: flex-start; flex-direction: column; }
  .blwh-plugin-search { border-radius: 18px; }
  .blwh-plugin-search input { padding: 0 12px; }
  .blwh-plugin-search button { min-width: 92px; }
  .blwh-license-guide, .blwh-own-plugins { margin-top: 80px; }
  .blwh-cta { display: block; padding: 34px 24px; }
  .blwh-cta span { display: block; margin: 14px 0 24px; line-height: 1.7; }
}

/* WordPress capability experience */
.blwh-experience { --x-bg:#07100e; --x-lime:#bcff4b; --x-mint:#7ef2cd; --x-violet:#a790ff; padding-top:24px; }
.blwh-experience .blwh-button.is-ghost { border-color:rgba(255,255,255,.24); color:#fff !important; background:rgba(255,255,255,.07); backdrop-filter:blur(14px); }
.blwh-xhero { position:relative; display:grid; grid-template-columns:minmax(0,.88fr) minmax(480px,1.12fr); gap:clamp(24px,4vw,68px); align-items:center; min-height:min(820px,calc(100vh - 130px)); padding:clamp(34px,6vw,82px); overflow:hidden; border:1px solid rgba(255,255,255,.1); border-radius:36px; color:#f8fffc; background:radial-gradient(circle at 74% 42%,rgba(126,242,205,.13),transparent 30%),radial-gradient(circle at 20% 10%,rgba(167,144,255,.14),transparent 30%),#07100e; box-shadow:0 45px 110px rgba(7,16,14,.24); }
.blwh-xhero::before { content:""; position:absolute; inset:0; opacity:.18; background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); background-size:58px 58px; mask-image:linear-gradient(to bottom,black,transparent 82%); }
.blwh-xhero__copy { position:relative; z-index:5; }
.blwh-xhero .blwh-kicker { color:var(--x-mint); }
.blwh-xhero h1 { margin:0; font-family:Georgia,"Times New Roman",serif; font-size:clamp(58px,6.4vw,98px); font-weight:500; line-height:.93; letter-spacing:-.075em; }
.blwh-xhero h1 em { color:var(--x-lime); font-style:italic; font-weight:500; }
.blwh-xhero__copy>p:not(.blwh-kicker) { max-width:640px; margin:30px 0 0; color:#b7c7c1; font-size:clamp(15px,1.4vw,18px); line-height:1.85; }
.blwh-xhero__proof { display:flex; flex-wrap:wrap; gap:22px; margin-top:46px; padding-top:22px; border-top:1px solid rgba(255,255,255,.12); }
.blwh-xhero__proof span { color:#98aaa4; font-size:10px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.blwh-xhero__proof b { margin-right:6px; color:#fff; font-size:12px; }
.blwh-scroll-cue { position:absolute; z-index:5; bottom:25px; left:50%; display:flex; gap:10px; align-items:center; color:#73847e; font-size:9px; font-weight:800; letter-spacing:.18em; transform:translateX(-50%); }
.blwh-scroll-cue span { position:relative; width:18px; height:29px; border:1px solid #5a6a65; border-radius:20px; }
.blwh-scroll-cue span::after { content:""; position:absolute; top:5px; left:7px; width:2px; height:6px; border-radius:3px; background:var(--x-lime); animation:blwh-scroll 1.8s ease-in-out infinite; }
@keyframes blwh-scroll { 0%,100%{transform:translateY(0);opacity:.35} 50%{transform:translateY(10px);opacity:1} }

.blwh-xstage { --rx:-3deg; --ry:5deg; position:relative; z-index:2; min-height:600px; perspective:1200px; transform-style:preserve-3d; }
.blwh-xstage__canvas { position:absolute; inset:-8%; width:116%; height:116%; opacity:.8; }
.blwh-xstage__glow { position:absolute; top:50%; left:50%; width:65%; aspect-ratio:1; border-radius:50%; background:radial-gradient(circle,rgba(188,255,75,.24),rgba(126,242,205,.08) 42%,transparent 70%); filter:blur(18px); transform:translate(-50%,-50%); }
.blwh-xbrowser { position:absolute; z-index:3; top:13%; left:4%; width:88%; min-height:420px; overflow:hidden; border:1px solid rgba(255,255,255,.22); border-radius:20px; background:rgba(11,24,20,.7); box-shadow:0 45px 80px rgba(0,0,0,.42); backdrop-filter:blur(18px); transform:rotateX(var(--rx)) rotateY(var(--ry)) translateZ(30px); transform-style:preserve-3d; transition:transform .18s ease-out; }
.blwh-xbrowser header { display:flex; gap:6px; align-items:center; height:36px; padding:0 14px; border-bottom:1px solid rgba(255,255,255,.1); }
.blwh-xbrowser header i { width:6px; height:6px; border-radius:50%; background:#53615c; }
.blwh-xbrowser header i:first-child { background:var(--x-lime); }
.blwh-xbrowser header span { margin-left:auto; color:#768780; font:600 8px/1 monospace; letter-spacing:.08em; }
.blwh-xbrowser__screen { position:relative; min-height:384px; padding:58px 46px; overflow:hidden; background:radial-gradient(circle at 74% 30%,rgba(167,144,255,.3),transparent 24%),linear-gradient(145deg,rgba(255,255,255,.04),transparent); }
.blwh-xbrowser__screen::after { content:"B"; position:absolute; right:-22px; bottom:-106px; color:rgba(255,255,255,.045); font:800 320px/1 Georgia,serif; }
.blwh-xbrowser__eyebrow { color:var(--x-mint); font-size:8px; font-weight:900; letter-spacing:.17em; }
.blwh-xbrowser__screen>strong { position:relative; z-index:2; display:block; margin-top:29px; font:500 clamp(42px,4.8vw,70px)/.92 Georgia,serif; letter-spacing:-.07em; }
.blwh-xbrowser__line { width:54px; height:1px; margin:32px 0; background:var(--x-lime); }
.blwh-xbrowser__metrics { position:relative; z-index:2; display:flex; gap:26px; }
.blwh-xbrowser__metrics span { color:#98aaa4; font-size:8px; letter-spacing:.1em; text-transform:uppercase; }
.blwh-xbrowser__metrics b { display:block; margin-bottom:4px; color:#fff; font:500 13px/1 Georgia,serif; }
.blwh-xfloat { position:absolute; z-index:5; border:1px solid rgba(255,255,255,.2); color:#fff; background:rgba(8,18,15,.74); box-shadow:0 18px 40px rgba(0,0,0,.32); backdrop-filter:blur(15px); transform-style:preserve-3d; }
.blwh-xfloat small { color:#7f928b; font-size:7px; font-weight:800; letter-spacing:.13em; }
.blwh-xfloat.is-code { right:-3%; bottom:8%; width:168px; padding:18px; border-radius:14px; transform:translateZ(90px) rotateY(-7deg); }
.blwh-xfloat.is-code code { display:block; margin-top:12px; color:var(--x-lime); background:transparent; font:11px/1.7 monospace; }
.blwh-xfloat.is-orbit { top:5%; right:0; display:grid; place-items:center; width:110px; aspect-ratio:1; border-radius:50%; transform:translateZ(110px); }
.blwh-xfloat.is-orbit span { position:absolute; inset:12px; border:1px dashed rgba(188,255,75,.5); border-radius:50%; animation:blwh-orbit 12s linear infinite; }
.blwh-xfloat.is-orbit b { color:var(--x-lime); font:500 24px/1 Georgia,serif; }
.blwh-xfloat.is-orbit small { position:absolute; bottom:25px; }
.blwh-xfloat.is-status { bottom:5%; left:-1%; display:flex; gap:10px; align-items:center; padding:13px 16px; border-radius:999px; transform:translateZ(75px); }
.blwh-xfloat.is-status i { width:8px; height:8px; border-radius:50%; background:var(--x-mint); box-shadow:0 0 0 5px rgba(126,242,205,.12); animation:blwh-pulse 1.6s ease-in-out infinite; }
.blwh-xfloat.is-status span { color:#82948e; font-size:7px; line-height:1.35; letter-spacing:.1em; }
.blwh-xfloat.is-status b { color:#fff; font-size:8px; }
@keyframes blwh-orbit { to{transform:rotate(360deg)} } @keyframes blwh-pulse { 50%{box-shadow:0 0 0 10px rgba(126,242,205,0)} }

.blwh-marquee { margin:18px 0 130px; overflow:hidden; border-block:1px solid var(--blwh-line); }
.blwh-marquee div { display:flex; width:max-content; gap:26px; align-items:center; padding:18px 0; animation:blwh-marquee 26s linear infinite; }
.blwh-marquee span { color:#35413d; font-size:10px; font-weight:850; letter-spacing:.16em; }
.blwh-marquee i { color:var(--blwh-green); font-style:normal; }
@keyframes blwh-marquee { to{transform:translateX(-22%)} }
.blwh-xintro { display:grid; grid-template-columns:.32fr .68fr; gap:20px 46px; align-items:start; padding:30px 0 150px; }
.blwh-xintro>p { margin:8px 0 0; color:var(--blwh-green-dark); font-size:10px; font-weight:850; letter-spacing:.17em; }
.blwh-xintro h2 { margin:0; font:500 clamp(48px,7.2vw,88px)/1.02 Georgia,serif; letter-spacing:-.065em; }
.blwh-xintro h2 em { color:var(--blwh-green-dark); font-style:italic; }
.blwh-xintro>div { grid-column:2; display:flex; justify-content:space-between; gap:34px; align-items:flex-end; padding-top:32px; border-top:1px solid var(--blwh-line); }
.blwh-xintro>div p { max-width:620px; margin:0; color:var(--blwh-muted); font-size:17px; line-height:1.85; }
.blwh-xintro>div a { flex:0 0 auto; color:var(--blwh-ink); font-size:13px; font-weight:850; }
.blwh-xintro>div a span { color:var(--blwh-green); }

.blwh-xlab { scroll-margin-top:90px; padding:clamp(38px,6vw,76px); border-radius:32px; color:#fff; background:#0a1412; }
.blwh-xlab>header { display:grid; grid-template-columns:1fr .72fr; gap:40px; align-items:end; margin-bottom:52px; }
.blwh-xlab h2 { margin:0; font:500 clamp(42px,5vw,66px)/1 Georgia,serif; letter-spacing:-.055em; }
.blwh-xlab>header>p { margin:0; color:#9aada6; font-size:15px; line-height:1.8; }
.blwh-xlab__layout { display:grid; grid-template-columns:260px minmax(0,1fr); gap:18px; }
.blwh-xlab__tabs { display:flex; flex-direction:column; gap:5px; }
.blwh-xlab__tabs button { display:grid; grid-template-columns:30px 1fr; gap:4px 10px; padding:18px; border:1px solid rgba(255,255,255,.09); border-radius:13px; color:#91a19c; background:transparent; text-align:left; cursor:pointer; transition:.25s ease; }
.blwh-xlab__tabs button:hover,.blwh-xlab__tabs button.is-active { border-color:rgba(188,255,75,.42); color:#fff; background:rgba(188,255,75,.08); transform:translateX(4px); }
.blwh-xlab__tabs span { grid-row:1/3; color:#61716b; font:500 11px/1.4 Georgia,serif; }
.blwh-xlab__tabs b { font-size:14px; }
.blwh-xlab__tabs small { font-size:10px; }
.blwh-xlab__viewport { --scene:#bcff4b; --scene2:#7ef2cd; --rx:0deg; --ry:0deg; position:relative; min-height:540px; overflow:hidden; border:1px solid rgba(255,255,255,.14); border-radius:22px; background:radial-gradient(circle at 68% 36%,color-mix(in srgb,var(--scene) 23%,transparent),transparent 31%),linear-gradient(145deg,#13201c,#07100e); perspective:1100px; transform:rotateX(var(--rx)) rotateY(var(--ry)); transition:background .5s ease,transform .18s ease-out; }
.blwh-xlab__viewport[data-scene="space"] { --scene:#a790ff; --scene2:#70d9ff; }
.blwh-xlab__viewport[data-scene="data"] { --scene:#70d9ff; --scene2:#7ef2cd; }
.blwh-xlab__viewport[data-scene="commerce"] { --scene:#ffb46b; --scene2:#ff6d9c; }
.blwh-xlab__grid { position:absolute; inset:0; opacity:.18; background-image:linear-gradient(rgba(255,255,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px); background-size:42px 42px; transform:perspective(500px) rotateX(62deg) scale(1.7) translateY(20%); transform-origin:bottom; }
.blwh-xlab__orb { position:absolute; right:10%; top:13%; width:260px; aspect-ratio:1; border-radius:50%; border:1px solid color-mix(in srgb,var(--scene) 55%,transparent); box-shadow:inset -25px -30px 70px rgba(0,0,0,.65),inset 18px 14px 45px color-mix(in srgb,var(--scene) 34%,transparent),0 0 80px color-mix(in srgb,var(--scene) 14%,transparent); animation:blwh-float 5s ease-in-out infinite; transition:.5s ease; }
.blwh-xlab__orb::before { content:""; position:absolute; inset:-15%; border:1px dashed color-mix(in srgb,var(--scene2) 42%,transparent); border-radius:50%; animation:blwh-orbit 18s linear infinite; }
.blwh-xlab__orb i { position:absolute; left:50%; top:50%; width:125%; height:1px; background:linear-gradient(90deg,transparent,var(--scene2),transparent); transform:translate(-50%,-50%) rotate(var(--r,0deg)); opacity:.55; }
.blwh-xlab__orb i:nth-child(2){--r:60deg}.blwh-xlab__orb i:nth-child(3){--r:-60deg}
@keyframes blwh-float { 50%{transform:translateY(-16px) rotate(3deg)} }
.blwh-xlab__ui { position:absolute; z-index:3; inset:0; display:flex; flex-direction:column; justify-content:flex-end; padding:48px; }
.blwh-xlab__top { position:absolute; top:28px; left:32px; right:32px; display:flex; justify-content:space-between; color:#71827c; font-size:8px; font-weight:800; letter-spacing:.13em; }
.blwh-xlab__top b { color:var(--scene); }.blwh-xlab__top i { width:24px; height:1px; background:var(--scene); }
.blwh-xlab__ui>p { margin:0 0 13px; color:var(--scene); font-size:9px; font-weight:850; letter-spacing:.16em; }
.blwh-xlab__ui h3 { max-width:580px; margin:0; font:500 clamp(38px,5vw,66px)/.98 Georgia,serif; letter-spacing:-.055em; }
.blwh-xlab__bars { display:flex; gap:5px; margin-top:28px; }.blwh-xlab__bars i { width:42px; height:3px; background:var(--scene); }.blwh-xlab__bars i:nth-child(2){opacity:.45}.blwh-xlab__bars i:nth-child(3){opacity:.18}
.blwh-xlab__badge { position:absolute; z-index:4; right:25px; bottom:25px; width:130px; padding:17px; border:1px solid rgba(255,255,255,.18); border-radius:13px; background:rgba(6,14,12,.74); backdrop-filter:blur(13px); }
.blwh-xlab__badge span,.blwh-xlab__badge b,.blwh-xlab__badge small { display:block; }.blwh-xlab__badge span { color:var(--scene); font-size:7px; font-weight:900; letter-spacing:.15em; }.blwh-xlab__badge b { margin:13px 0 5px; font:500 21px/1 Georgia,serif; }.blwh-xlab__badge small { color:#75867f; font-size:8px; }

.blwh-xcapabilities { padding:160px 0 80px; }.blwh-xcapabilities>header { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:62px; }.blwh-xcapabilities h2 { margin:0; font:500 clamp(48px,6vw,78px)/1.02 Georgia,serif; letter-spacing:-.06em; }
.blwh-xcapabilities__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; perspective:1000px; }
.blwh-xcapabilities article { --rx:0deg; --ry:0deg; display:flex; flex-direction:column; min-height:360px; padding:31px; border:1px solid var(--blwh-line); border-radius:20px; background:#fff; transform:rotateX(var(--rx)) rotateY(var(--ry)); transition:transform .18s ease-out,border-color .25s,box-shadow .25s; }
.blwh-xcapabilities article:hover { border-color:#a7c8bc; box-shadow:0 28px 70px rgba(13,43,34,.1); }.blwh-xcapabilities article:nth-child(2),.blwh-xcapabilities article:nth-child(6){ color:#fff; border-color:#0a1714; background:#0a1714; }.blwh-xcapabilities article:nth-child(4){ background:#ecf7f2; }
.blwh-xcapabilities article>span { color:var(--blwh-green-dark); font-size:9px; font-weight:850; letter-spacing:.14em; }.blwh-xcapabilities article:nth-child(2)>span,.blwh-xcapabilities article:nth-child(6)>span { color:var(--x-mint); }.blwh-xcapabilities h3 { margin:70px 0 16px; font-size:25px; }.blwh-xcapabilities article p { margin:0; color:var(--blwh-muted); font-size:14px; line-height:1.75; }.blwh-xcapabilities article:nth-child(2) p,.blwh-xcapabilities article:nth-child(6) p { color:#aabbb5; }.blwh-xcapabilities article>b { margin-top:auto; padding-top:30px; color:var(--blwh-green-dark); font-size:10px; }.blwh-xcapabilities article:nth-child(2)>b,.blwh-xcapabilities article:nth-child(6)>b { color:var(--x-lime); }
.blwh-xprinciples { display:grid; grid-template-columns:repeat(4,1fr); margin:40px 0 120px; border-block:1px solid var(--blwh-line); }.blwh-xprinciples div { padding:30px 18px; border-right:1px solid var(--blwh-line); }.blwh-xprinciples div:last-child { border:0; }.blwh-xprinciples span,.blwh-xprinciples b { display:block; }.blwh-xprinciples span { margin-bottom:7px; color:var(--blwh-green-dark); font-size:9px; font-weight:850; letter-spacing:.14em; }.blwh-xprinciples b { font-size:15px; }
.blwh-xquick { margin-bottom:100px; }.blwh-xlegacy { padding:10px 0 90px; }.blwh-xclosing { margin-bottom:20px; padding:clamp(44px,7vw,86px); border-radius:32px; color:#fff; background:radial-gradient(circle at 86% 20%,rgba(188,255,75,.16),transparent 28%),#091411; }.blwh-xclosing>p { margin:0 0 24px; color:var(--x-lime); font-size:10px; font-weight:850; letter-spacing:.16em; }.blwh-xclosing h2 { margin:0; font:500 clamp(46px,6.5vw,80px)/1.02 Georgia,serif; letter-spacing:-.06em; }.blwh-xclosing>div { display:flex; justify-content:space-between; gap:30px; align-items:end; margin-top:46px; padding-top:26px; border-top:1px solid rgba(255,255,255,.15); }.blwh-xclosing>div span { color:#a8bab4; font-size:15px; line-height:1.7; }
[data-blwh-reveal] { opacity:0; transform:translateY(24px); transition:opacity .8s ease,transform .8s cubic-bezier(.2,.75,.2,1); }.is-blwh-visible[data-blwh-reveal] { opacity:1; transform:none; }

@media (max-width:1050px) {
  .blwh-xhero { grid-template-columns:1fr; min-height:auto; }.blwh-xstage { min-height:590px; }.blwh-xhero__copy { max-width:760px; }.blwh-xintro { grid-template-columns:1fr; }.blwh-xintro>div { grid-column:1; }.blwh-xcapabilities__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .blwh-experience { width:min(100% - 20px,1240px); padding-top:10px; }.blwh-xhero { display:block; padding:44px 22px 30px; border-radius:24px; }.blwh-xhero h1 { max-width:100%; font-size:clamp(42px,12vw,50px); letter-spacing:-.065em; overflow-wrap:anywhere; }.blwh-xhero h1 em { display:block; }.blwh-xhero__copy>p:not(.blwh-kicker) { max-width:100%; font-size:14px; line-height:1.75; white-space:normal!important; word-break:normal!important; overflow-wrap:anywhere; }.blwh-xhero__copy>p:not(.blwh-kicker) span { display:block; white-space:nowrap; }.blwh-xhero__proof { display:grid; grid-template-columns:1fr; gap:8px; margin-top:32px; }.blwh-xhero__proof span { min-width:0; white-space:normal; }.blwh-xstage { min-height:470px; margin-top:32px; }.blwh-xbrowser { top:10%; left:0; width:100%; min-height:350px; }.blwh-xbrowser__screen { min-height:314px; padding:42px 24px; }.blwh-xbrowser__screen>strong { font-size:43px; }.blwh-xbrowser__metrics { gap:13px; }.blwh-xfloat.is-code { right:-8px; bottom:1%; width:138px; }.blwh-xfloat.is-orbit { top:0; right:-5px; width:84px; }.blwh-xfloat.is-status { left:2px; bottom:3%; }.blwh-scroll-cue { display:none; }
  .blwh-marquee { margin-bottom:88px; }.blwh-xintro { padding-bottom:95px; }.blwh-xintro h2 { font-size:46px; }.blwh-xintro>div { display:block; }.blwh-xintro>div a { display:inline-block; margin-top:25px; }
  .blwh-xlab { padding:35px 18px; border-radius:24px; }.blwh-xlab>header { grid-template-columns:1fr; gap:20px; }.blwh-xlab__layout { grid-template-columns:1fr; }.blwh-xlab__tabs { display:grid; grid-template-columns:1fr 1fr; }.blwh-xlab__tabs button { grid-template-columns:1fr; }.blwh-xlab__tabs span { display:none; }.blwh-xlab__viewport { min-height:480px; }.blwh-xlab__orb { right:-30px; top:13%; width:220px; }.blwh-xlab__ui { padding:32px 24px 90px; }.blwh-xlab__ui h3 { font-size:40px; }.blwh-xlab__badge { right:16px; bottom:16px; }
  .blwh-xcapabilities { padding-top:105px; }.blwh-xcapabilities>header { display:block; }.blwh-xcapabilities h2 { font-size:48px; }.blwh-xcapabilities__grid { grid-template-columns:1fr; }.blwh-xcapabilities article { min-height:315px; }.blwh-xprinciples { grid-template-columns:1fr 1fr; }.blwh-xprinciples div:nth-child(2) { border-right:0; }.blwh-xprinciples div:nth-child(-n+2) { border-bottom:1px solid var(--blwh-line); }.blwh-xclosing { border-radius:24px; }.blwh-xclosing h2 { font-size:45px; }.blwh-xclosing>div { display:block; }.blwh-xclosing .blwh-button { margin-top:24px; }
}
@media (prefers-reduced-motion:reduce) {
  .blwh-experience * { scroll-behavior:auto !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; }.blwh-xbrowser,.blwh-xlab__viewport,.blwh-xcapabilities article { transform:none !important; }[data-blwh-reveal] { opacity:1; transform:none; }
}