:root{
  --b147-bg:#080c11;
  --b147-panel:#121820;
  --b147-panel-2:#171e26;
  --b147-line:#29323c;
  --b147-text:#f5f7fa;
  --b147-muted:#929ca8;
  --b147-orange:#ff7a12;
  --b147-orange-2:#ff9b42;
  --b147-green:#37c978;
  --b147-purple:#844cff;
  --b147-blue:#168bd2
}
html{scroll-behavior:smooth}
body.b147-homepage-v2{
  margin:0!important;
  padding:0!important;
  background:var(--b147-bg)!important;
  color:var(--b147-text)!important
}
body.b147-homepage-v2 #wpadminbar{direction:rtl}
.b147-home-v2{
  direction:rtl;
  min-height:100vh;
  overflow:hidden;
  color:var(--b147-text);
  background:
    radial-gradient(circle at 48% 5%,rgba(28,48,65,.18),transparent 35rem),
    linear-gradient(180deg,#080c11,#090d12 45%,#070a0e);
  font-family:Vazirmatn,IRANSansX,IRANYekan,Tahoma,Arial,sans-serif;
  line-height:1.7
}
.b147-home-v2 *{box-sizing:border-box}
.b147-home-v2 a{text-decoration:none;color:inherit}
.b147-home-v2 button,
.b147-home-v2 textarea,
.b147-home-v2 input{font:inherit}
.home-container{
  width:min(1330px,calc(100% - 56px));
  margin-inline:auto
}
.home-header{
  position:relative;
  z-index:100;
  height:79px;
  border-bottom:1px solid rgba(255,255,255,.07);
  background:rgba(7,11,15,.96);
  box-shadow:0 6px 30px rgba(0,0,0,.2)
}
.header-layout{
  height:79px;
  display:flex;
  align-items:center;
  gap:25px
}
.home-brand{
  width:176px;
  flex:0 0 176px
}
.home-brand img{
  display:block;
  width:176px;
  height:50px;
  object-fit:contain;
  object-position:right center
}
.home-nav{
  display:flex;
  align-items:center;
  gap:30px;
  white-space:nowrap
}
.home-nav a{
  position:relative;
  padding:28px 0 25px;
  color:#b6bec7;
  font-size:14px;
  transition:.2s
}
.home-nav a:hover,
.home-nav a.active{color:var(--b147-orange)}
.home-nav a.active:after{
  content:"";
  position:absolute;
  right:50%;
  bottom:12px;
  width:17px;
  height:3px;
  border-radius:9px;
  background:var(--b147-orange);
  transform:translateX(50%);
  box-shadow:0 0 13px rgba(255,122,18,.8)
}
.header-model{
  position:relative;
  z-index:120;
  margin-right:auto
}
.model-trigger{
  width:196px;
  min-height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:13px;
  border:1px solid rgba(255,122,18,.65);
  border-radius:11px;
  color:var(--b147-orange);
  background:#0c1116;
  cursor:pointer
}
.model-trigger svg{width:18px}
.model-dropdown{
  position:absolute;
  top:56px;
  left:0;
  width:385px;
  display:none;
  overflow:hidden;
  border:1px solid rgba(255,122,18,.25);
  border-radius:14px;
  background:rgba(17,22,28,.98);
  box-shadow:0 26px 70px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.025);
  backdrop-filter:blur(20px)
}
.model-dropdown.open{display:block}
.dropdown-model{
  width:100%;
  min-height:78px;
  display:grid;
  grid-template-columns:52px 1fr auto 21px;
  align-items:center;
  gap:12px;
  padding:11px 14px;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.065);
  color:#fff;
  text-align:right;
  background:transparent;
  cursor:pointer;
  transition:.2s
}
.dropdown-model:last-child{border-bottom:0}
.dropdown-model:hover,
.dropdown-model.selected{background:rgba(255,122,18,.045)}
.dropdown-copy{display:flex;flex-direction:column}
.dropdown-copy b{font-size:15px}
.dropdown-copy small{color:#89939e;font-size:12px}
.dropdown-model em{
  padding:4px 8px;
  border-radius:6px;
  color:#b795ff;
  background:rgba(117,71,208,.17);
  font-size:11px;
  font-style:normal
}
.dropdown-model:nth-child(1) em{
  color:#ff9c39;
  background:rgba(255,122,18,.12)
}
.dropdown-model:nth-child(2) em{
  color:#5fe297;
  background:rgba(48,187,104,.13)
}
.dropdown-model:nth-child(4) em{
  color:#4daeff;
  background:rgba(32,126,209,.15)
}
.dropdown-model i{
  color:transparent;
  font-style:normal
}
.dropdown-model.selected i{color:var(--b147-orange)}
.header-actions{
  display:flex;
  align-items:center;
  gap:13px
}
.theme-switch{
  width:45px;
  height:45px;
  display:grid;
  place-items:center;
  border:1px solid #29323b;
  border-radius:50%;
  color:#bbc3cc;
  background:#11171d;
  cursor:pointer
}
.theme-switch svg{width:22px}
.login-button{
  min-height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 24px;
  border-radius:10px;
  color:#180a01!important;
  font-weight:800;
  background:linear-gradient(135deg,var(--b147-orange-2),var(--b147-orange));
  box-shadow:0 10px 26px rgba(255,122,18,.2)
}
.mobile-menu-button{
  display:none;
  border:0;
  color:#fff;
  background:none;
  font-size:25px
}
.home-hero{
  position:relative;
  min-height:595px;
  border-bottom:1px solid rgba(255,255,255,.03);
  background:
    radial-gradient(circle at 62% 43%,rgba(17,38,54,.38),transparent 32rem),
    linear-gradient(90deg,#080c11,#0b1117 55%,#080c11)
}
.hero-ambient{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 28% 50%,rgba(255,122,18,.11),transparent 29rem),
    linear-gradient(90deg,transparent 0 48%,rgba(9,14,20,.42) 59%,#090d12 78%)
}
.hero-layout{
  position:relative;
  min-height:595px;
  display:grid;
  grid-template-columns:1.03fr 1fr;
  align-items:center
}
.hero-content{
  position:relative;
  z-index:5;
  padding:25px 22px 45px 0
}
.hero-content h1{
  margin:0;
  font-size:clamp(51px,6.2vw,88px);
  line-height:1.18;
  letter-spacing:-2px
}
.hero-content h1 span,
.hero-content h1 strong{display:block}
.hero-content h1 strong{
  color:var(--b147-orange);
  text-shadow:0 0 34px rgba(255,122,18,.12)
}
.hero-content p{
  margin:26px 0 29px;
  color:#b9c1ca;
  font-size:23px
}
.hero-buttons{
  display:flex;
  gap:17px
}
.hero-primary,
.hero-secondary{
  min-width:200px;
  min-height:59px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:13px;
  border-radius:10px;
  font-weight:700
}
.hero-primary{
  color:#180a01!important;
  background:linear-gradient(135deg,var(--b147-orange-2),var(--b147-orange));
  box-shadow:0 14px 35px rgba(255,122,18,.17)
}
.hero-secondary{
  border:1px solid #44505c;
  color:#eef1f4!important;
  background:rgba(13,18,24,.6)
}
.hero-art{
  position:relative;
  align-self:stretch;
  overflow:visible
}
.hero-art img{
  position:absolute;
  width:117%;
  height:100%;
  left:-6%;
  top:0;
  object-fit:cover;
  object-position:center;
  mix-blend-mode:screen;
  opacity:.95
}
.art-shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,transparent 0 57%,rgba(8,12,17,.55) 78%,#080c11 100%),
    linear-gradient(0deg,#080c11 0,transparent 20%,transparent 82%,rgba(8,12,17,.5))
}
.prompt-panel{
  position:relative;
  z-index:20;
  margin-top:-48px;
  padding:25px 27px 19px;
  border:1px solid #2b3540;
  border-radius:19px;
  background:linear-gradient(145deg,rgba(24,31,39,.98),rgba(16,21,27,.98));
  box-shadow:0 23px 65px rgba(0,0,0,.38)
}
.prompt-form{
  display:grid;
  grid-template-columns:55px 1fr 55px;
  align-items:center;
  gap:15px;
  padding-bottom:20px;
  border-bottom:1px solid rgba(255,255,255,.08)
}
.prompt-form textarea{
  width:100%;
  min-height:54px;
  max-height:125px;
  resize:none;
  padding:13px 5px;
  border:0;
  outline:0;
  color:#eef1f4;
  background:transparent
}
.prompt-form textarea::placeholder{color:#8c96a1}
.prompt-send,
.prompt-magic{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:11px;
  cursor:pointer
}
.prompt-send{
  color:#fff;
  background:linear-gradient(135deg,#b66919,#77410b)
}
.prompt-send svg{width:25px}
.prompt-magic{
  color:#fff;
  background:#323b45;
  font-size:27px
}
.prompt-bottom{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  flex-wrap:wrap;
  padding-top:16px
}
.prompt-bottom>span{
  color:#87919c;
  font-size:12px
}
.prompt-bottom button{
  min-height:33px;
  padding:0 15px;
  border:1px solid #343e49;
  border-radius:999px;
  color:#aeb6bf;
  background:#151b22;
  cursor:pointer;
  font-size:11px
}
.home-section{padding:68px 0 22px}
.section-title{
  margin-bottom:28px;
  text-align:right
}
.section-title h2{
  margin:0 0 5px;
  font-size:27px
}
.section-title p{
  margin:0;
  color:#8e98a4;
  font-size:14px
}
.tools-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:19px
}
.tool-card{
  min-height:300px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding:25px 19px 18px;
  overflow:hidden;
  border:1px solid #29323d;
  border-radius:17px;
  background:
    radial-gradient(circle at 50% 0,rgba(255,255,255,.035),transparent 11rem),
    linear-gradient(145deg,#171e26,#10151b);
  box-shadow:0 15px 35px rgba(0,0,0,.18);
  transition:.25s
}
.tool-card:hover{
  transform:translateY(-5px);
  border-color:rgba(255,122,18,.48)
}
.tool-icon{
  width:59px;
  height:59px;
  display:grid;
  place-items:center;
  margin-bottom:17px;
  border-radius:16px;
  color:#fff;
  font-size:27px;
  font-weight:800;
  box-shadow:0 10px 30px rgba(0,0,0,.25)
}
.tool-file .tool-icon{background:linear-gradient(145deg,#db5c61,#a72f38)}
.tool-stt .tool-icon{background:linear-gradient(145deg,#27a8e8,#126da9)}
.tool-tts .tool-icon{background:linear-gradient(145deg,#d99926,#9b5d0b)}
.tool-video .tool-icon{background:linear-gradient(145deg,#9153ff,#5520ca)}
.tool-image .tool-icon{background:linear-gradient(145deg,#16b38c,#07765f)}
.tool-chat .tool-icon{background:linear-gradient(145deg,#8656ff,#5622ce)}
.tool-card h3{
  margin:0 0 10px;
  font-size:16px
}
.tool-card p{
  margin:0;
  min-height:77px;
  color:#9ba4ae;
  font-size:12px;
  line-height:2
}
.tool-action{
  width:100%;
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:auto;
  padding:0 13px;
  border:1px solid #303a45;
  border-radius:9px;
  color:#d9dde1;
  background:#10151b;
  font-size:12px
}
.models-section{padding-top:53px}
.model-cards{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:20px
}
.home-model-card{
  min-height:365px;
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:27px 20px 17px;
  border:1px solid #2b3540;
  border-radius:17px;
  text-align:center;
  background:linear-gradient(145deg,#171e26,#10151b);
  box-shadow:0 15px 35px rgba(0,0,0,.16)
}
.model-mark{
  width:72px;
  height:72px;
  display:grid;
  place-items:center;
  flex:0 0 72px;
  border-radius:50%;
  font-weight:900
}
.model-mark svg{width:58px;height:58px}
.mark-openai{
  color:#fff;
  background:linear-gradient(145deg,#20b889,#09815f);
  box-shadow:0 0 28px rgba(25,183,134,.17)
}
.mark-claude{
  color:#da754c;
  background:rgba(207,104,65,.08)
}
.mark-gemini{background:rgba(32,95,202,.08)}
.mark-deepseek{
  color:#3b6eff;
  background:rgba(42,90,230,.08)
}
.mark-grok{background:#020304}
.mark-ai{
  color:var(--b147-orange);
  background:#21160e
}
.dropdown-model .model-mark{
  width:48px;
  height:48px;
  flex-basis:48px;
  border-radius:12px
}
.dropdown-model .model-mark svg{width:37px;height:37px}
.home-model-card h3{
  margin:18px 0 12px;
  font-size:19px
}
.home-model-card p{
  margin:0;
  color:#9aa4ae;
  font-size:13px;
  line-height:2;
  min-height:91px
}
.home-model-card>a{
  width:100%;
  min-height:47px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-top:auto;
  border:1px solid #34404b;
  border-radius:8px;
  color:#e0e4e7;
  background:#10151b;
  font-size:13px
}
.models-more-wrap{
  display:flex;
  justify-content:center;
  padding-top:28px
}
.models-more{
  min-width:274px;
  min-height:53px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:22px;
  border:1px solid #46515d;
  border-radius:10px
}
.why-section{padding-top:58px}
.why-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:22px
}
.why-grid article{
  min-height:205px;
  padding:23px 25px;
  border:1px solid #29333e;
  border-radius:16px;
  background:linear-gradient(145deg,#171e26,#10151b)
}
.why-icon{
  width:50px;
  height:50px;
  display:grid;
  place-items:center;
  border-radius:50%;
  font-size:26px;
  font-weight:900
}
.why-icon.orange{color:#ff8a20;background:rgba(255,122,18,.13)}
.why-icon.blue{color:#27a6e9;background:rgba(24,142,207,.13)}
.why-icon.purple{color:#9a61ff;background:rgba(126,76,217,.13)}
.why-icon.green{color:#61bb33;background:rgba(87,170,45,.15)}
.why-grid h3{margin:15px 0 7px;font-size:15px}
.why-grid p{margin:0;color:#939da8;font-size:12px;line-height:2}
.pricing-section{padding-top:63px;padding-bottom:55px}
.pricing-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:37px;
  align-items:stretch
}
.pricing-card{
  position:relative;
  min-height:475px;
  display:flex;
  flex-direction:column;
  padding:26px 30px 19px;
  border:1px solid;
  border-radius:15px;
  background:linear-gradient(150deg,#141a21,#0d1217);
  box-shadow:0 18px 45px rgba(0,0,0,.25)
}
.price-orange{border-color:#ff7a12}
.price-purple{border-color:#8452dc}
.price-green{border-color:#31995b}
.pricing-badge{
  position:absolute;
  top:-17px;
  left:50%;
  transform:translateX(-50%);
  min-width:115px;
  padding:5px 13px;
  border-radius:999px;
  color:#fff;
  text-align:center;
  background:#8c51e8;
  font-size:11px
}
.pricing-card h3{
  margin:0;
  text-align:center;
  font-size:20px
}
.price-description{
  margin:4px 0 10px;
  color:#8e98a3;
  text-align:center;
  font-size:12px
}
.plan-price{
  margin:8px 0 18px;
  text-align:center
}
.plan-price strong{
  font-size:25px
}
.price-orange .plan-price{color:#ff8b24}
.price-purple .plan-price{color:#a272ff}
.price-green .plan-price{color:#fff}
.plan-price span{margin-right:5px}
.plan-price small{
  display:block;
  color:#858f9a;
  font-size:11px
}
.pricing-card ul{
  flex:1;
  padding:0;
  margin:0 0 19px;
  list-style:none
}
.pricing-card li{
  display:flex;
  align-items:center;
  gap:8px;
  margin:9px 0;
  color:#b7bec6;
  font-size:12px
}
.pricing-card li span{
  width:16px;
  height:16px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  font-size:9px
}
.price-orange li span{background:#ff7a12}
.price-purple li span{background:#8b53e8}
.price-green li span{background:#36a767}
.pricing-card>a{
  min-height:49px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  font-weight:700;
  font-size:13px
}
.price-orange>a{color:#190a01;background:#ff7a12}
.price-purple>a{color:#fff;background:#8150e7}
.price-green>a{color:#fff;background:#339d60}
.home-footer{
  border-top:1px solid rgba(255,255,255,.06);
  background:#06090d
}
.footer-layout{
  min-height:63px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:20px;
  color:#78828d;
  font-size:11px
}
.home-footer nav{
  display:flex;
  align-items:center;
  gap:28px
}
.socials{
  display:flex;
  justify-content:flex-end;
  gap:12px;
  direction:ltr
}
.socials a{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:7px;
  color:#bec5cc;
  background:#1a2129;
  font-weight:700
}
.b147-home-v2.soft-light{
  filter:brightness(1.14)
}
@media(max-width:1200px){
  .home-nav{gap:18px}
  .home-nav a{font-size:12px}
  .tools-grid{grid-template-columns:repeat(3,1fr)}
  .model-cards{grid-template-columns:repeat(3,1fr)}
  .model-cards .home-model-card:nth-child(n+4){display:none}
}
@media(max-width:940px){
  .home-container{width:min(100% - 30px,1330px)}
  .home-nav{
    display:none;
    position:absolute;
    top:79px;
    right:15px;
    left:15px;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    padding:12px;
    border:1px solid #2d3742;
    border-radius:14px;
    background:#10161c
  }
  .home-nav.mobile-open{display:flex}
  .home-nav a{padding:11px}
  .home-nav a.active:after{display:none}
  .mobile-menu-button{display:block}
  .header-model{margin-right:auto}
  .model-trigger{width:160px}
  .hero-layout{
    grid-template-columns:1fr;
    padding-top:75px
  }
  .hero-content{
    padding:55px 0 95px;
    text-align:center
  }
  .hero-buttons{justify-content:center}
  .hero-art{
    position:absolute;
    inset:0;
    opacity:.34
  }
  .art-shade{
    background:linear-gradient(90deg,#080c11 0,transparent 30%,transparent 70%,#080c11 100%),linear-gradient(0deg,#080c11 0,transparent 30%,#080c11 100%)
  }
  .why-grid{grid-template-columns:repeat(2,1fr)}
  .footer-layout{grid-template-columns:1fr;text-align:center;padding:19px 0}
  .home-footer nav,.socials{justify-content:center}
}
@media(max-width:690px){
  .home-header,.header-layout{height:69px}
  .home-brand,.home-brand img{width:138px}
  .header-model{display:none}
  .login-button{display:none}
  .hero-content h1{font-size:49px}
  .hero-content p{font-size:17px}
  .hero-buttons{flex-direction:column;align-items:center}
  .hero-primary,.hero-secondary{width:min(100%,300px)}
  .prompt-panel{margin-top:-30px;padding:17px}
  .prompt-form{grid-template-columns:45px 1fr 45px}
  .prompt-send,.prompt-magic{width:43px;height:43px}
  .tools-grid,.model-cards,.why-grid,.pricing-grid{grid-template-columns:1fr}
  .model-cards .home-model-card:nth-child(n){display:flex}
  .tool-card{min-height:250px}
  .section-title{text-align:center}
  .pricing-grid{gap:28px}
  .home-footer nav{flex-wrap:wrap;gap:12px 21px}
}
