/* Bayan Write Experience v1.14.0 — Heritage × Modern Gateway
   Public entry experience only. Presentation layer; no auth/access/routing authority. */
:root{
  --bgw-paper:#f7f3ea;
  --bgw-paper-deep:#f1ebdf;
  --bgw-ink:#17181d;
  --bgw-muted:#686b72;
  --bgw-line:#ded6c8;
  --bgw-line-strong:#cfc4b3;
  --bgw-violet:#6669d8;
  --bgw-gold:#d7aa43;
  --bgw-teal:#70cfc3;
  --bgw-card:#fffdfa;
  --bgw-shadow:0 20px 60px rgba(57,47,33,.07);
  --bgw-radius:28px;
}

/* Canonical heritage-modern rule: manuscript rhythm rendered with modern geometry. */
.route-home .bh-hero-copy::before,
.wn-experience-beta .hero>section::before,
.wn-experience-demo .hero>div:first-child::before,
.wn-auth-redesign .wn-auth-story-copy::before{
  content:""!important;
  display:block!important;
  width:144px!important;
  height:18px!important;
  margin-bottom:22px!important;
  background:
    radial-gradient(circle at 11px 9px, rgba(102,105,216,.96) 0 4px, transparent 4.6px),
    radial-gradient(circle at 50% 9px, rgba(215,170,67,.78) 0 3.4px, transparent 4px),
    radial-gradient(circle at calc(100% - 11px) 9px, rgba(112,207,195,.95) 0 4px, transparent 4.6px),
    linear-gradient(90deg,rgba(102,105,216,.24),rgba(215,170,67,.28) 50%,rgba(112,207,195,.30));
  background-size:16px 18px,16px 18px,16px 18px,calc(100% - 30px) 1px!important;
  background-position:left center,center center,right center,center center!important;
  background-repeat:no-repeat!important;
  border:0!important;
}
html[dir="rtl"] .route-home .bh-hero-copy::before,
html[dir="rtl"] .wn-experience-beta .hero>section::before,
html[dir="rtl"] .wn-experience-demo .hero>div:first-child::before,
html[dir="rtl"] .wn-auth-redesign .wn-auth-story-copy::before{margin-left:auto!important;margin-right:0!important}

/* -------- Public homepage gateway -------- */
.route-home.wn-public{background:var(--bgw-paper)}
.route-home .wn-beta-banner{
  min-height:30px;
  padding:6px 18px;
  background:#191a1f;
  border-bottom:1px solid rgba(215,170,67,.32);
  color:#f8f2e7;
  letter-spacing:.01em;
}
.route-home .site-head{
  height:82px!important;
  padding-inline:max(22px,calc((100vw - 1360px)/2))!important;
  gap:26px!important;
  background:rgba(247,243,234,.91)!important;
  border-bottom:1px solid rgba(70,59,44,.12)!important;
  box-shadow:none!important;
  backdrop-filter:blur(16px)!important;
}
.route-home .site-head.is-scrolled{height:70px!important;background:rgba(247,243,234,.97)!important;box-shadow:0 12px 38px rgba(44,36,25,.055)!important}
.route-home .site-head .brand{gap:12px!important;min-width:max-content}
.route-home .site-head .brand .mark{
  width:34px!important;height:44px!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important
}
.route-home .site-head .brand .mark img{width:100%!important;height:100%!important;object-fit:contain!important}
.route-home .site-head .brand>span:last-child{gap:7px!important}
.route-home .site-head .brand strong{font-size:13px!important;font-weight:800!important;color:var(--bgw-ink)!important}
.route-home .site-head .brand em{font-size:16px!important;color:var(--bgw-ink)!important}
.route-home .wn-main-nav{gap:5px!important;margin-inline-start:4px!important;padding:5px!important;border:1px solid rgba(207,196,179,.88)!important;border-radius:999px!important;background:rgba(255,255,255,.42)!important}
.route-home .wn-main-nav>a,.route-home .wn-nav-drop>summary{
  min-height:38px!important;padding:0 12px!important;display:flex!important;align-items:center!important;border-radius:999px!important;font-size:10.5px!important;letter-spacing:.02em!important;color:#50545e!important;transition:background .16s ease,color .16s ease!important
}
.route-home .wn-main-nav>a:hover,.route-home .wn-nav-drop>summary:hover{background:rgba(255,255,255,.78)!important;color:var(--bgw-ink)!important}
.route-home .wn-main-nav>a.is-current,.route-home .wn-nav-drop.is-current>summary{background:rgba(102,105,216,.08)!important;color:var(--bgw-ink)!important;box-shadow:none!important}
.route-home .wn-main-nav>a.is-current:after,.route-home .wn-nav-drop.is-current>summary:after{display:none!important}
.route-home .head-actions{gap:8px!important}
.route-home .wn-site-language{padding:4px!important;border-color:rgba(207,196,179,.9)!important;background:rgba(255,255,255,.48)!important}
.route-home .wn-site-language a{height:30px!important;min-width:31px!important}
.route-home .head-actions .text-link{min-height:40px;display:inline-flex;align-items:center;padding:0 11px;border-radius:999px;font-size:10.5px!important}
.route-home .head-actions .text-link:hover{background:rgba(255,255,255,.64)}
.route-home .head-actions .pill{min-height:42px!important;padding:0 16px!important;background:#191a1f!important;color:#fff!important;border:1px solid #191a1f!important;box-shadow:0 8px 22px rgba(23,24,29,.08)!important;font-size:10.5px!important}
.route-home .head-actions .pill:hover{transform:translateY(-1px)}
.route-home .wn-mega{
  top:calc(100% + 16px)!important;
  padding:18px!important;
  border-color:rgba(207,196,179,.9)!important;
  border-radius:24px!important;
  background:rgba(255,253,249,.98)!important;
  box-shadow:0 28px 72px rgba(47,38,25,.12)!important;
  gap:12px!important
}
.route-home .wn-mega>div{padding:7px;border-radius:16px;background:rgba(247,243,234,.34)}
.route-home .wn-mega a{padding:12px!important;border-radius:14px!important}
.route-home .wn-mega a:hover{background:#fff!important;border-color:rgba(102,105,216,.16)!important}
.route-home .wn-mega strong{font-size:11px!important;color:#25272d}
.route-home .wn-mega small{font-size:8.5px!important;line-height:1.55!important;color:#73736f}
.route-home .mega-kicker{color:#9a7730!important;letter-spacing:.11em!important}

.route-home .bh-hero{padding:clamp(72px,7.5vw,112px) 0 clamp(52px,5.7vw,82px)!important}
.route-home .bh-hero-copy{max-width:960px!important}
.route-home .bh-hero h1{max-width:940px!important;font-size:clamp(52px,6.7vw,92px)!important;line-height:1.055!important;letter-spacing:-.05em!important}
html[dir="rtl"] .route-home .bh-hero h1{font-size:clamp(56px,6.6vw,94px)!important;line-height:1.28!important;letter-spacing:-.018em!important}
.route-home .bh-hero-text{max-width:750px!important;margin-top:28px!important;font-size:clamp(18px,1.4vw,21px)!important;line-height:1.9!important}
.route-home .bh-actions{gap:12px!important;margin-top:26px!important}
.route-home .bh-button{min-height:52px!important;padding:0 22px!important;border-radius:999px!important;font-size:14px!important;font-weight:700!important;box-shadow:0 8px 20px rgba(31,27,20,.05)!important}
.route-home .bh-button:not(.ghost){background:#191a1f!important;border-color:#191a1f!important}
.route-home .bh-button.ghost{background:rgba(255,255,255,.42)!important;border-color:rgba(207,196,179,.95)!important}
.route-home .bh-button.ghost:hover{background:rgba(255,255,255,.72)!important}
.route-home .bayan-memory-timewash{opacity:.78!important}
.route-home .bayan-memory-stroke.stroke-b{stroke:rgba(215,170,67,.22)!important}
.route-home .bayan-memory-glyph{opacity:.026!important}
.route-home .bh-editor{border-radius:30px!important;border-color:rgba(207,196,179,.8)!important;box-shadow:0 26px 74px rgba(49,40,27,.075)!important}
.route-home .bh-editor-bar{height:58px!important;background:rgba(250,247,240,.74)!important}
.route-home .bh-editor-wrap{padding-bottom:clamp(92px,9vw,138px)!important}

/* -------- Shared light public headers: Login / Beta / Demo -------- */
.wn-auth-redesign .wn-auth-head,
.wn-experience-beta .top,
.wn-experience-demo .top{letter-spacing:0}
.wn-experience-beta .top,.wn-experience-demo .top{min-height:72px;padding:4px 0 12px;border-bottom:1px solid rgba(70,59,44,.10)}
.wn-experience-beta .brand,.wn-experience-demo .brand{gap:11px!important}
.wn-experience-beta .brand img,.wn-experience-demo .brand img{width:30px!important;height:40px!important}
.wn-experience-beta .brand strong,.wn-experience-demo .brand strong{font-size:13px!important}
.wn-experience-beta .brand em,.wn-experience-demo .brand em{font-size:15px!important}
.wn-experience-beta .top nav,.wn-experience-demo .top-nav{padding:4px!important;gap:3px!important;border-color:rgba(207,196,179,.9)!important;background:rgba(255,255,255,.46)!important}
.wn-experience-beta .top nav a,.wn-experience-demo .top-link{min-height:40px!important;padding-inline:14px!important}

/* Login: remove the redundant eyebrow from the primary sign-in route; the page itself is the label. */
.wn-auth-redesign.route-login .wn-auth-kicker{display:none}
.wn-auth-redesign.route-login .wn-auth-story-copy::before{margin-bottom:18px!important}
.wn-auth-redesign .wn-auth-route-map{gap:14px!important}
.wn-auth-redesign .wn-auth-route-map a{border-color:rgba(207,196,179,.9)!important;background:rgba(255,255,255,.44)!important}
.wn-auth-redesign .wn-auth-route-map a:hover{background:rgba(255,255,255,.74)!important;border-color:rgba(102,105,216,.25)!important}
.wn-auth-redesign .wn-auth-card{border-color:rgba(207,196,179,.86)!important;box-shadow:var(--bgw-shadow)!important}
.wn-auth-redesign .wn-auth-card::before{background:linear-gradient(90deg,rgba(102,105,216,.48),rgba(215,170,67,.36),rgba(112,207,195,.54))!important}
.wn-auth-redesign .wn-auth-submit{border-radius:14px!important;min-height:54px!important}
.wn-auth-redesign .wn-password-option summary{padding-inline:2px}
.wn-auth-redesign .wn-auth-consent{opacity:.86}

/* Founding Beta form rhythm and native-looking selects. */
.wn-experience-beta .hero{gap:52px!important;padding-top:6.5vh!important}
.wn-experience-beta .card{border-color:rgba(207,196,179,.88)!important;box-shadow:var(--bgw-shadow)!important}
.wn-experience-beta .form{gap:16px!important}
.wn-experience-beta .form-grid{gap:14px!important}
.wn-experience-beta .form label{gap:8px!important}
.wn-experience-beta .form input,.wn-experience-beta .form select,.wn-experience-beta .form textarea{border-color:rgba(207,196,179,.9)!important;background:#fffefa!important;box-shadow:0 1px 0 rgba(255,255,255,.6) inset!important;transition:border-color .16s ease,box-shadow .16s ease!important}
.wn-experience-beta .form input:focus,.wn-experience-beta .form select:focus,.wn-experience-beta .form textarea:focus{outline:none!important;border-color:rgba(102,105,216,.65)!important;box-shadow:0 0 0 3px rgba(102,105,216,.08)!important}
.wn-experience-beta .form select{
  appearance:none!important;-webkit-appearance:none!important;
  padding-inline-end:40px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' fill='none' stroke='%23666a72' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:right 14px center!important
}
html[dir="rtl"] .wn-experience-beta .form select{padding-inline-start:40px!important;padding-inline-end:14px!important;background-position:left 14px center!important}
.wn-experience-beta .form .btn{margin-top:2px!important;min-height:54px!important}
.wn-experience-beta .grid{gap:14px!important;padding-top:16px!important}
.wn-experience-beta .grid article{background:rgba(255,255,255,.48)!important;box-shadow:none!important}

/* Demo: a little more gallery-like, less app-dashboard-like. */
.wn-experience-demo .hero{gap:30px!important;padding-top:5.8vh!important}
.wn-experience-demo .summary,.wn-experience-demo .panel,.wn-experience-demo .editor{border-color:rgba(207,196,179,.78)!important;box-shadow:var(--bgw-shadow)!important}
.wn-experience-demo .stage{gap:18px!important}
.wn-experience-demo .toggle{padding:4px!important;gap:4px!important;background:#efe8dc!important;border-color:rgba(207,196,179,.74)!important}
.wn-experience-demo .toggle button{min-height:40px!important;padding:8px 15px!important}
.wn-experience-demo .toggle .on{background:#191a1f!important}
.wn-experience-demo .btn{min-height:52px!important;padding-inline:20px!important;background:#191a1f!important}
.wn-experience-demo .tokens{gap:7px!important}
.wn-experience-demo .tokens span{background:rgba(255,255,255,.72)!important;border-color:rgba(207,196,179,.7)!important}

@media(max-width:1100px){
  .route-home .wn-main-nav{border:0!important;background:transparent!important;padding:0!important}
}
@media(max-width:720px){
  .route-home .site-head{height:68px!important;padding-inline:13px!important;gap:8px!important}
  .route-home .site-head .brand .mark{width:28px!important;height:37px!important}
  .route-home .site-head .head-actions .pill,.route-home .site-head .head-actions .text-link{display:none!important}
  .route-home .bh-hero{padding-top:58px!important;padding-bottom:44px!important}
  .route-home .bh-hero-copy::before{width:118px!important;height:16px!important;margin-bottom:17px!important}
  .route-home .bh-hero h1{font-size:44px!important;line-height:1.07!important}
  html[dir="rtl"] .route-home .bh-hero h1{font-size:46px!important;line-height:1.3!important}
  .route-home .bh-hero-text{margin-top:22px!important;font-size:17px!important;line-height:1.86!important}
  .route-home .bh-actions{display:grid!important;gap:10px!important}
  .route-home .bh-button{width:100%!important}
  .wn-experience-beta .top,.wn-experience-demo .top{min-height:auto!important;padding-bottom:10px!important}
  .wn-experience-beta .hero,.wn-experience-demo .hero{padding-top:30px!important}
  .wn-experience-beta .hero>section::before,.wn-experience-demo .hero>div:first-child::before,.wn-auth-redesign .wn-auth-story-copy::before{width:118px!important;height:16px!important;margin-bottom:16px!important}
}
@media(prefers-reduced-motion:reduce){
  .route-home .bh-button,.route-home .wn-main-nav a,.wn-auth-redesign .wn-auth-route-map a{transition:none!important;transform:none!important}
}