/* home.css md5 ef93cc90c74157f851f13e748e97e404 - generated by scripts/split-home-css.py, do not edit */
@font-face{font-family:Dana;src:url("assets/Dana-Regular.woff2") format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Dana;src:url("assets/Dana-Medium.woff2") format("woff2");font-weight:500 600;font-display:swap}@font-face{font-family:Dana;src:url("assets/Dana-Bold.woff2") format("woff2");font-weight:700 900;font-display:swap}
:root{--purple:#b664e9;--purple-strong:#a643e4;--purple-soft:#cd94f0;--bg:#140f17;--panel:#1a131e;--panel-2:#211826;--panel-3:#291f2f;--stroke:#362a3e;--text:#f6f3ff;--muted:#a89ab1;--subtle:#80708a;--white:#fff;--danger:#ffb9a2;--focus:#e1b1ff;--radius:24px;--shadow:0 20px 80px #0006;color-scheme:dark}
html[data-theme=light]{--bg:#fcfcfd;--panel:#fff;--panel-2:#f6f4f8;--panel-3:#f1ecf4;--stroke:#e6dfeb;--text:#201925;--muted:#5d6370;--subtle:#767c89;--white:#fff;--shadow:0 20px 70px #34213f15;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;background:var(--bg);color:var(--text);font:400 15px/1.75 Dana,system-ui,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%}::selection{background:#b664e966;color:#fff}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.skip{position:absolute;top:-60px;right:16px;z-index:200;padding:10px 18px;background:var(--purple);color:#fff;border-radius:10px}.skip:focus{top:10px}
.app-shell{display:grid;grid-template-columns:82px minmax(0,1fr)}.workspace{min-width:0;overflow:hidden}.rail{position:sticky;top:0;height:100vh;z-index:20;background:var(--panel);border-left:1px solid var(--stroke);display:flex;flex-direction:column;align-items:center;gap:2px;padding:18px 8px 20px}.rail-logo{width:47px;height:47px;display:grid;place-items:center;color:#fff;background:var(--purple);border-radius:15px;margin-bottom:20px;box-shadow:0 10px 25px #b664e955}.rail-link{background:none;border:0;color:var(--muted);width:64px;height:59px;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;font-size:10px;line-height:1.5;transition:background .25s,color .25s,transform .25s}.rail-link:hover,.rail-link:focus-visible{background:var(--panel-3);color:var(--text);transform:translateY(-2px)}.rail-link.active{color:var(--purple-soft);background:#b664e91b}.rail-icon{font-size:23px;height:29px;line-height:29px}.rail-divider{width:34px;height:1px;background:var(--stroke);margin:8px 0}.rail-spacer{flex:1}.site-header{height:74px;display:flex;align-items:center;gap:28px;padding:0 clamp(18px,3.3vw,58px);background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(18px);position:sticky;top:0;z-index:18;border-bottom:1px solid var(--stroke)}.brand{display:flex;align-items:center;gap:9px;white-space:nowrap;min-width:166px}.brand img{width:105px;height:auto;filter:brightness(0) invert(1)}html[data-theme=light] .brand img{filter:none}.header-nav{display:flex;gap:clamp(15px,2vw,30px);align-items:center;flex:1}.header-nav a{font-size:13px;color:var(--muted);white-space:nowrap;transition:color .2s}.header-nav a:hover{color:var(--text)}.header-actions{display:flex;align-items:center;gap:9px}.btn{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:13px;padding:9px 17px;line-height:1.4;font-weight:700;font-size:13px;white-space:nowrap;transition:transform .22s,background .22s,box-shadow .22s,border-color .22s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--purple);color:#fff;box-shadow:0 7px 26px #b664e935}.btn-primary:hover{background:var(--purple-strong);box-shadow:0 10px 32px #b664e960}.btn-ghost{color:var(--text);border-color:var(--stroke);background:var(--panel)}.btn-ghost:hover,.btn-outline:hover{border-color:var(--purple-soft)}.btn-large{min-height:50px;padding:12px 22px}.icon-btn{width:37px;height:37px;display:grid;place-items:center;background:none;border:1px solid var(--stroke);color:var(--text);border-radius:11px;font-size:18px}.icon-btn:hover{background:var(--panel-3)}
.hero{position:relative;min-height:min(650px,calc(100svh - 74px));background:#100c13;isolation:isolate;overflow:hidden;color:#fff}.hero h1{font-size:clamp(45px,5.6vw,89px);letter-spacing:-.055em;line-height:1.13;margin:28px 0 18px;font-weight:900}.hero h1 em{font-style:normal;color:#dba2ff}.hero p{font-size:clamp(15px,1.32vw,19px);line-height:2;color:#e5dfe9;max-width:600px;margin:0}

.section{padding:104px clamp(24px,4.1vw,74px)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:36px}.section-kicker{display:block;color:var(--purple-soft);font-weight:700;font-size:12px;letter-spacing:.035em;margin-bottom:14px}.section h2,.feature-banner h2,.seo-section h2{font-size:clamp(32px,3.6vw,59px);line-height:1.26;letter-spacing:-.045em;margin:0;font-weight:900}.accent{color:var(--purple-soft)}.section-head p{margin:12px 0 0;color:var(--muted);max-width:620px}.section-aside{color:var(--subtle);font-size:12px;white-space:nowrap}.creator-card{background:var(--panel);border:1px solid var(--stroke);border-radius:23px;padding:23px;min-width:0;position:relative;transition:border-color .25s,transform .25s,box-shadow .25s;overflow:visible}.creator-card:hover,.creator-card:focus-within{border-color:#b664e985;box-shadow:var(--shadow);transform:translateY(-3px)}.creator-card.video{background:linear-gradient(128deg,#b664e913,transparent 44%),var(--panel)}.creator-card.image{background:linear-gradient(128deg,#f0a07a0d,transparent 44%),var(--panel)}.creator-card.text{background:linear-gradient(128deg,#c584ed0b,transparent 44%),var(--panel)}.creator-card.audio{background:linear-gradient(128deg,#f9eb5709,transparent 44%),var(--panel)}.card-top{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px}.card-symbol{width:49px;height:49px;border-radius:15px;display:grid;place-items:center;background:#b664e924;color:var(--purple-soft);font-size:25px;flex:none}.image .card-symbol{background:#ffac7820;color:#ffb89b}.text .card-symbol{background:#c584ed1c;color:#c584ed}.audio .card-symbol{background:#f9eb5719;color:#f9eb57}.card-top h3{margin:0;font-size:19px;line-height:1.5}.card-top p{color:var(--muted);font-size:12px;margin:1px 0 0}.card-status{margin-right:auto;color:#9edcba;font-size:10px;border:1px solid #9edcba4a;background:#9edcba10;border-radius:20px;padding:3px 9px;white-space:nowrap}.card-fields{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:13px}.field label{display:block;color:var(--muted);font-size:11px;margin-bottom:6px}.select-root{position:relative}.select-trigger{width:100%;min-height:44px;text-align:right;border:1px solid var(--stroke);color:var(--text);background:var(--panel-2);border-radius:10px;padding:9px 11px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;white-space:nowrap}.select-trigger:hover,.select-trigger[aria-expanded=true]{border-color:var(--purple)}.select-menu{position:absolute;top:calc(100% + 5px);right:0;left:0;z-index:15;max-height:225px;overflow:auto;margin:0;padding:5px;list-style:none;border:1px solid var(--stroke);border-radius:11px;background:var(--panel-3);box-shadow:0 16px 45px #0008}.select-menu[hidden]{display:none}.select-menu li{padding:8px 10px;border-radius:7px;color:var(--muted);font-size:12px;cursor:pointer;line-height:1.4}.select-menu li:hover,.select-menu li[aria-selected=true],.select-menu li[data-active=true]{background:#b664e930;color:var(--text)}.select-menu li:focus-visible{outline:2px solid var(--focus)}.prompt{display:block;width:100%;resize:vertical;min-height:82px;background:var(--panel-2);border:1px solid var(--stroke);border-radius:10px;padding:11px 12px;color:var(--text);font-size:12px;line-height:1.8}.prompt:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 3px #b664e924}.prompt::placeholder{color:var(--subtle)}.card-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:12px}.card-footnote{margin-top:12px;font-size:10px;color:var(--subtle);border-top:1px solid var(--stroke);padding-top:9px}
.inline-link{border:0;background:none;color:var(--purple-soft);padding:0;font:700 13px Dana;display:inline-flex;align-items:center;gap:22px;white-space:nowrap}.inline-link span{font-size:19px;transition:transform .2s}.inline-link:hover span{transform:translate(-4px,-3px)}
.wave{display:flex;gap:4px;align-items:center;justify-content:center;height:52px}.wave i{width:4px;border-radius:9px;background:#d99cff;height:var(--h);animation:wave 1.1s ease-in-out infinite alternate;animation-delay:var(--d)}
.tools-section{background:var(--bg)}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}

.seo-toggle{margin-top:10px}.seo-text{box-sizing:border-box;width:100%;margin-top:28px;background:var(--panel);border:1px solid var(--stroke);border-radius:18px;padding:26px 32px;color:var(--muted);font-size:15px;line-height:1.9;max-height:500px;overflow:auto}.seo-text[hidden]{display:none}.seo-text h2{font-size:22px;color:var(--text);margin:18px 0 8px}.seo-text h3{font-size:17px;color:var(--text);margin:18px 0 4px}.seo-text p{margin:5px 0 14px}.seo-text ul{padding-right:21px}.seo-text li{margin:4px 0}.seo-text strong{color:var(--text)}.seo-text a{color:var(--purple-soft);text-decoration:underline}
.footer{background:var(--panel);border-top:1px solid var(--stroke);padding:57px clamp(24px,4.1vw,74px) 28px}.footer-top{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:32px}.footer-brand{font-size:24px;font-weight:900;color:var(--text)}.footer-brand span{color:var(--purple-soft)}.footer p{color:var(--muted);font-size:12px}.footer-top>div{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.footer-top strong{font-size:13px;margin-bottom:6px}.footer-top a:not(.footer-brand){color:var(--muted);font-size:12px}.footer-top a:hover{color:var(--purple-soft)}.footer-bottom{border-top:1px solid var(--stroke);padding-top:20px;margin-top:40px;display:flex;justify-content:space-between;gap:15px;color:var(--subtle);font-size:11px}.bottom-dock{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);z-index:19;display:flex;gap:3px;padding:5px;background:#271e2ddf;backdrop-filter:blur(22px);border:1px solid #ffffff2b;border-radius:18px;box-shadow:0 18px 55px #0008;direction:rtl;color:#fff}.bottom-dock a{width:70px;height:54px;border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;line-height:1.4;transition:background .2s}.bottom-dock a:hover,.bottom-dock .dock-home{background:#b664e9;box-shadow:0 5px 15px #b664e952}.bottom-dock a span{font-size:20px;line-height:26px}
@keyframes pulse{50%{box-shadow:0 0 0 9px #d89aff0e}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes wave{to{height:10px}}@keyframes orbit{to{rotate:360deg}}
@media(max-width:1100px){.header-nav{gap:14px}.header-nav a{font-size:11px}.site-header{padding:0 25px}.section{padding:78px 30px}.footer{padding-right:30px;padding-left:30px}}
@media(max-width:820px){.app-shell{display:block}.rail{display:none}.site-header{height:64px;padding:0 18px}.brand{min-width:0}.header-nav{display:none}.header-actions{margin-right:auto}.login-link{display:none}.hero{min-height:580px}.hero h1{font-size:clamp(52px,8vw,74px)}.creator-card{padding:17px}.tool-grid{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:repeat(2,1fr)}.bottom-dock{bottom:8px}}
@media(max-width:620px){html{scroll-padding-top:68px}.site-header{height:62px}.brand img{width:95px}.hero{min-height:655px}.hero h1{font-size:clamp(45px,12.5vw,65px);margin-top:22px}.hero p{max-width:420px;font-size:14px}.btn-large{padding:11px 15px;font-size:12px}.section{padding:69px 18px}.section-head{display:block;margin-bottom:24px}.section h2{font-size:33px}.section-head p{font-size:12px}.section-aside{display:none}.creator-card{padding:18px}.card-fields{gap:9px}.tool-grid{gap:9px}.seo-text{margin-top:25px;padding:20px;max-height:600px}.footer{padding:45px 18px 100px}.footer-top{gap:25px 15px}.footer-bottom{display:block}.footer-bottom span{display:block}.bottom-dock{left:8px;right:8px;bottom:7px;transform:none;justify-content:space-around;border-radius:15px}.bottom-dock a{width:auto;flex:1;height:52px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.card-error{color:var(--danger);font-size:11px;margin-top:9px}.card-error[hidden]{display:none}
.menu-toggle{display:none}.mobile-menu[hidden]{display:none}@media(max-width:820px){.menu-toggle{display:grid}.mobile-menu{display:flex;flex-direction:column;position:absolute;top:63px;right:10px;left:10px;background:var(--panel);border:1px solid var(--stroke);box-shadow:var(--shadow);border-radius:14px;padding:10px}.mobile-menu a{padding:10px 13px;border-radius:9px;color:var(--text);font-size:13px}.mobile-menu a:hover{background:var(--panel-3);color:var(--purple-soft)}}
html[data-theme=light]{--purple-soft:#a239e3}.creator-card{animation:riseIn .6s both}.creator-card:nth-child(2){animation-delay:.08s}.creator-card:nth-child(3){animation-delay:.16s}.creator-card:nth-child(4){animation-delay:.24s}@keyframes heroDrift{to{background-position:46% 52%;scale:1.04}}@keyframes riseIn{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){.hero-image,.hero-content,.creator-card,.gallery-item{animation:none}}

/* Header: compact category navigation inspired by VidaxAI, with Hoosheno destinations. */
.site-header{--header-h:74px;overflow:visible}.header-nav{gap:3px;align-self:stretch;min-width:0}.nav-item{position:relative;display:flex;align-items:center;flex:none}.nav-trigger,.nav-direct{height:38px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid transparent;border-radius:10px;padding:0 11px;background:transparent;color:var(--muted);font:700 12px Dana;white-space:nowrap;transition:background .2s,color .2s,border-color .2s}.header-nav .nav-direct{color:var(--muted);font-size:12px}.nav-trigger:hover,.nav-trigger[aria-expanded=true],.header-nav .nav-direct:hover{background:#b664e91e;color:var(--text);border-color:#b664e931}.nav-trigger[aria-expanded=true]{color:var(--purple-soft)}.nav-chevron{font-size:15px;line-height:1;color:var(--purple-soft);transition:transform .2s}.nav-trigger[aria-expanded=true] .nav-chevron{transform:rotate(180deg)}.header-nav .nav-price{color:var(--purple-soft)}.mega-menu[hidden],.mobile-category-panel[hidden],.menu-scrim[hidden]{display:none}.mega-menu{position:absolute;top:calc(100% + 17px);right:-10px;width:min(590px,calc(100vw - 120px));z-index:25;background:var(--panel);color:var(--text);border:1px solid var(--stroke);border-radius:19px;box-shadow:0 25px 85px #0009;overflow:hidden;animation:megaIn .2s ease-out both}.mega-body{display:grid;grid-template-columns:220px minmax(0,1fr);gap:12px;padding:12px}.mega-spotlight{min-height:248px;border-radius:13px;padding:20px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;position:relative;isolation:isolate;overflow:hidden;color:#fff;background:#301a3d}.mega-spotlight:before{content:"";position:absolute;inset:0;z-index:-2;background-position:center;background-size:cover;transition:scale .4s}.mega-spotlight:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#0d0810f7,#0d08106b 67%,#0d081026)}.mega-spotlight:hover:before{scale:1.08}.mega-spotlight.video:before{background-image:url("assets/tehran-film-spot.webp")}.mega-spotlight.image:before{background-image:url("assets/perfume-spot.webp")}.mega-spotlight.text:before{background-image:url("assets/studio-text.webp")}.mega-spotlight.audio:before{background-image:url("assets/studio-audio.webp")}
.mega-spotlight-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.mega-routes.is-many{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:4px;align-content:start}
.mega-routes.is-many .mega-label{grid-column:1/-1}.mega-spotlight.edit:before{background-image:url("assets/interior-spot.webp")}.mega-eyebrow{font-size:10px;color:#efd4ff;font-weight:700;margin-bottom:11px}.mega-spotlight strong{font-size:20px;line-height:1.5;max-width:180px}.mega-spotlight a{font-size:11px!important;color:#fff!important;background:#b664e9;padding:7px 11px;border-radius:8px;margin-top:13px}.mega-spotlight a:hover{background:#a643e4}.mega-routes{padding:9px 5px 0 0}.mega-label{display:block;color:var(--subtle);font-size:10px;font-weight:700;margin:0 0 7px}.mega-link{display:flex;gap:10px;align-items:center;border-radius:11px;padding:8px;color:var(--text)!important;transition:background .2s}.mega-link:hover{background:var(--panel-2)}.mega-link-icon{width:34px;height:34px;display:grid;place-items:center;flex:none;border-radius:10px;background:#b664e91f;color:var(--purple-soft);font-size:18px}.mega-link strong{font-size:12px;display:block;line-height:1.45}.mega-link small{font-size:10px;color:var(--muted);display:block;line-height:1.5}.mega-arrow{margin-right:auto;color:var(--purple-soft);font-size:15px}.mega-footer{border-top:1px solid var(--stroke);padding:13px 17px;display:flex;justify-content:space-between;gap:12px;align-items:end}.mega-chips{display:flex;flex-wrap:wrap;gap:6px}.mega-chip{border:1px solid var(--stroke);border-radius:20px;padding:5px 9px;background:var(--panel-2);color:var(--text)!important;font:700 10px Dana!important;white-space:nowrap;transition:background .2s,border-color .2s}.mega-chip:hover{border-color:var(--purple);background:#b664e926}.mega-all{color:var(--purple-soft)!important;font-size:10px!important;white-space:nowrap;padding-bottom:6px}.menu-scrim{display:none}@keyframes megaIn{from{opacity:0;translate:0 -7px}to{opacity:1;translate:0 0}}
@media(max-width:1120px){.header-nav{display:none}.menu-toggle{display:grid}.site-header{padding:0 23px}.menu-scrim{display:block;position:fixed;inset:var(--header-h) 0 0;background:#05060ab8;backdrop-filter:blur(4px);z-index:21}.mobile-menu{display:block;position:fixed;top:var(--header-h);right:0;left:auto;bottom:0;width:min(386px,100vw);max-height:none;overflow:auto;border:1px solid var(--stroke);border-top:0;border-radius:0 0 0 20px;padding:20px;background:var(--panel);box-shadow:-25px 15px 65px #0008;z-index:22;animation:drawerIn .23s ease-out both}.mobile-menu[hidden]{display:none}.mobile-menu-head{display:flex;flex-direction:column;gap:2px;padding:5px 3px 17px;border-bottom:1px solid var(--stroke);margin-bottom:10px}.mobile-menu-head strong{font-size:21px;line-height:1.4}.mobile-menu-head span{font-size:11px;color:var(--muted)}.mobile-category{border-bottom:1px solid var(--stroke)}.mobile-category-trigger{width:100%;display:flex;align-items:center;gap:11px;text-align:right;padding:12px 3px;border:0;background:transparent;color:var(--text)}.mobile-category-icon{width:38px;height:38px;border-radius:11px;background:#b664e920;display:grid;place-items:center;color:var(--purple-soft);font-size:20px;flex:none}.mobile-category-trigger strong{display:block;font-size:13px}.mobile-category-trigger small{display:block;font-size:10px;color:var(--muted)}.mobile-category-chevron{font-size:18px;color:var(--purple-soft);margin-right:auto;transition:transform .2s}.mobile-category-trigger[aria-expanded=true] .mobile-category-chevron{transform:rotate(180deg)}.mobile-category-panel{background:var(--panel-2);border-radius:10px;padding:4px 11px;margin:0 0 10px 0}.mobile-category-panel a{display:flex;justify-content:space-between;gap:10px;padding:10px 4px;color:var(--text);border-bottom:1px solid var(--stroke);font-size:11px}.mobile-category-panel a:last-child{border-bottom:0;color:var(--purple-soft);font-weight:700}.mobile-menu-bottom{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:19px}.mobile-menu-bottom a{display:block;text-align:center;background:var(--panel-2);border:1px solid var(--stroke);border-radius:9px;padding:9px 6px;color:var(--text);font-size:11px}.mobile-menu-bottom a:hover{border-color:var(--purple)}body.menu-open{overflow:hidden}@keyframes drawerIn{from{opacity:0;translate:30px 0}to{opacity:1;translate:0 0}}}
@media(max-width:820px){.site-header{--header-h:64px;padding:0 18px}}
@media(max-width:620px){.site-header{--header-h:62px}.mobile-menu{width:min(360px,94vw);padding:17px}.menu-toggle{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){.mega-menu,.mobile-menu{animation:none}.mega-spotlight:before{transition:none}}
.workspace{--header-h:74px}@media(max-width:820px){.workspace{--header-h:64px}}@media(max-width:620px){.workspace{--header-h:62px}}@media(max-width:1120px){.menu-scrim{z-index:28}.mobile-menu{z-index:29}}
.workspace{overflow:clip}
.nav-item[data-nav-item=edit] .mega-menu{right:-10px;left:auto;width:min(590px,calc(100vw - 670px))}

/* Updated navigation: hover on desktop, balanced mobile header. */
.mega-menu{top:calc(100% - 1px)}
@media(max-width:1120px){
  .site-header{display:grid;grid-template-columns:1fr auto 1fr;gap:0;padding-inline:23px}
  .menu-toggle{grid-column:1;grid-row:1;justify-self:start;min-width:38px;min-height:38px}
  .brand{grid-column:2;grid-row:1;justify-self:center}
  .header-actions{grid-column:3;grid-row:1;justify-self:end;margin:0}
  
  .login-link{display:inline-flex;padding:8px 14px}
  .mobile-menu-bottom button{display:flex;align-items:center;justify-content:center;gap:7px;text-align:center;background:var(--panel-2);border:1px solid var(--stroke);border-radius:9px;padding:9px 6px;color:var(--text);font-size:11px;min-height:42px}
  .mobile-menu-bottom button:hover{border-color:var(--purple)}
  .mobile-theme-icon{font-size:16px;line-height:1}
}
@media(max-width:620px){.site-header{padding-inline:15px}.login-link{font-size:12px;padding:7px 12px}.brand img{width:95px}}

/* Four concise plan tables; exact prices and allowances are visual placeholders. */





































.pricing-dialog{position:fixed;width:min(620px,calc(100vw - 28px));max-width:none;max-height:min(88dvh,790px);height:min(88dvh,790px);padding:0;overflow:hidden;background:var(--panel);border:1px solid var(--stroke);border-radius:20px;color:var(--text);box-shadow:0 30px 100px #0009}
.pricing-dialog[open]{display:flex;flex-direction:column}
.pricing-dialog::backdrop{background:#0e0712bd;backdrop-filter:blur(6px)}



.pricing-dialog h2{font-size:25px;line-height:1.35;margin:2px 0 4px}

.pricing-dialog-price{display:flex;align-items:baseline;gap:8px;margin-top:10px}
.pricing-dialog-price strong{font-size:24px;font-weight:900;color:var(--text)}
.pricing-dialog-price span{font-size:11px;color:var(--muted)}







.pricing-estimate-explainer{margin:0 0 10px;padding:10px 12px;border:1px solid #b664e94f;border-radius:9px;background:#b664e912;color:var(--text);font-size:11px;line-height:1.8}
.pricing-estimate-explainer[hidden]{display:none}
.pricing-dialog-table{display:flex;flex-direction:column;gap:6px}
.pricing-dialog-table>div{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 12px;min-width:0;padding:11px 14px;background:var(--panel-2);border:1px solid var(--stroke);border-radius:11px}
.pricing-dialog-table>p{display:flex;align-items:center;gap:8px;margin:0;color:var(--muted);font-size:11px;font-weight:600}.pricing-dialog-table>p::before,.pricing-dialog-table>p::after{content:"";flex:1;height:1px;background:var(--stroke)}
.pricing-dialog-table strong{color:var(--text);font-size:14px;line-height:1.6;overflow-wrap:anywhere}














@media(max-width:620px){.pricing-dialog{width:calc(100vw - 20px);height:min(88dvh,760px);max-height:88dvh;border-radius:15px}.pricing-dialog h2{font-size:22px}}


/* The same Hoosheno lockup is used in the header and footer; the rail uses its symbol alone. */
.brand,.footer-brand{display:inline-flex;align-items:center;gap:5px;width:max-content;min-width:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:var(--text);white-space:nowrap}
.logo-symbol{display:block;flex:none;width:42px;height:48px;background:url("assets/hoosheno-mark-v2.webp") center/contain no-repeat;filter:drop-shadow(0 2px 7px #b664e950)}
.logo-wordmark{font-size:22px;font-weight:900;line-height:1;letter-spacing:-.055em;color:var(--text)}
.footer-brand .logo-wordmark{font-size:22px;color:var(--text)}
.rail-logo{width:54px;height:54px;flex:none;margin-bottom:14px;border:1px solid #b664e963;border-radius:17px;background:radial-gradient(circle at 50% 30%,#3f2052,#1f1625 70%);box-shadow:0 8px 24px #b664e92b, inset 0 1px #ffffff18}
.rail-logo:hover{border-color:var(--purple-soft);box-shadow:0 9px 28px #b664e955}
.rail-logo .logo-symbol{filter:drop-shadow(0 2px 7px #0009)}

@media(max-width:360px){.pricing-dialog-price{display:block}.pricing-dialog-price strong{display:block;font-size:20px}.pricing-dialog-price span{display:block;margin-top:1px}}

/* AI support preview: persistent entry point, compact chat, both themes. */






































/* ===================================================================
   Hoosheno implementation layer (on top of the approved V2 design)
   =================================================================== */

/* Dana draws Latin digits as Persian ones, so "GPT Image 2" would read
   "GPT Image ۲". Only the digit range comes from a system face, and only
   where Latin text is expected; prices keep Dana's Persian digits. */
@font-face{font-family:"hn-latin-digits";src:local("Segoe UI"),local("Roboto"),local("Helvetica Neue"),local("Arial");unicode-range:U+30-39}
[dir=ltr],[dir=auto],.mega-chip,.select-trigger span,.select-menu li,.ticker-track,.tool-card small,.gallery-num,.line-number{font-family:"hn-latin-digits",Dana,system-ui,sans-serif}



/* Hero: a real <img> (alt text, preloadable, can be the LCP element)
   instead of a CSS background. */



/* The heading must never start invisible: it rises in, it does not fade in. */

@keyframes heroRise{from{translate:0 14px}to{translate:0 0}}



/* Pricing: the real packs */










/* FAQ */

.faq-list{display:grid;gap:10px;max-width:880px}
.faq-item{background:var(--panel);border:1px solid var(--stroke);border-radius:16px;transition:border-color .18s}
.faq-item[open]{border-color:#b664e966}
.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 20px;font-weight:700;font-size:14px;line-height:1.8;border-radius:16px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:after{content:"⌄";color:var(--purple-soft);font-size:18px;line-height:1;transition:transform .18s}
.faq-item[open] summary:after{transform:rotate(180deg)}
.faq-item summary:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.faq-answer{padding:0 20px 18px;color:var(--muted);font-size:13px;line-height:2}
.faq-answer p{margin:0}

/* Blog */















/* Intro text: all of it is in the HTML; collapsed only shortens the box. */
.seo-text{max-height:none;overflow:visible}
.seo-text.is-collapsed{max-height:440px;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,#000 70%,transparent);mask-image:linear-gradient(to bottom,#000 70%,transparent)}


/* Footer additions */
.footer-socials{display:flex;align-items:center;gap:12px;margin-top:6px}
.footer-socials a{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--stroke);border-radius:10px;color:var(--muted)}
.footer-socials a:hover{border-color:var(--purple-soft);color:var(--purple-soft)}
.footer-socials svg{width:16px;height:16px}
.footer-seal{margin-top:12px;width:92px;height:92px;background:#fff;border-radius:12px;padding:4px;line-height:0;box-sizing:border-box}
.footer-seal img{width:84px;height:84px}

/* Several components set their own display (grid, flex), which beats the
   browser's [hidden] rule; the gallery showed all four tabs at once. */
[hidden]{display:none!important}

/* ---- Shared by every public page (2026-09-30, phase 3) ---- */
.logo-symbol{width:40px;height:45px;background:url("assets/hoosheno-mark-v2.webp") center/contain no-repeat}
html[data-theme=light] .logo-symbol{filter:drop-shadow(0 2px 6px #b664e933)}
.footer-socials{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px;max-width:340px}
.footer-socials li{margin:0}
.footer-socials .social-btn{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--stroke);border-radius:12px;background:var(--panel-2);color:var(--muted);transition:color .18s,border-color .18s,background .18s}
.footer-socials .social-btn:hover{color:var(--text);border-color:var(--purple-soft);background:var(--panel-3)}
.footer-socials .social-btn:focus-visible{outline:2px solid var(--purple-soft);outline-offset:2px}
.footer-socials svg{width:20px;height:20px;stroke-width:1.7}
.social-letter{font:800 16px/1 Dana,sans-serif}
.footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:9px}
.footer-col strong{font-size:13px;margin-bottom:4px;color:var(--text)}
.footer-col a{color:var(--muted);font-size:13px;line-height:1.7}
.footer-col a:hover{color:var(--purple-soft)}
.footer-about p{max-width:360px;line-height:1.9;font-size:13px}
.footer-hours{color:var(--subtle);font-size:12px;line-height:1.8;margin-top:4px}
@media(max-width:620px){.footer-col a{font-size:13px;padding:3px 0}.footer-about{grid-column:1/-1}}
/* FAQ answers link into tools and pages */
.faq-answer a{color:var(--purple-soft);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.faq-answer a:hover{text-decoration-thickness:2px}
.faq-answer{font-family:"hn-latin-digits",Dana,system-ui,sans-serif}

/* Home blog cards: the whole card opens the post (the title's link is stretched over it) */



.faq-list{max-width:none}
/* Dock: only the item in use is purple; Home is not purple all the time */

.bottom-dock a:hover{background:#ffffff14;box-shadow:none}
.bottom-dock a.is-active,.bottom-dock a.is-active:hover{background:#b664e9;box-shadow:0 5px 15px #b664e952}
.bottom-dock a:focus-visible{outline:2px solid #e1b1ff;outline-offset:2px}
@media(min-width:621px){.bottom-dock a{width:62px}}
/* Header: theme switch beside login; login shows at every width now that the start button is gone */
.header-actions .login-link{display:inline-flex}
.header-theme{width:40px;height:40px;font-size:18px;border-radius:12px;color:var(--text)}
.header-theme:focus-visible{outline:2px solid var(--focus);outline-offset:2px}

/* ================= Model carousels (home.partials.models) ================= */











.model-track{list-style:none;margin:0;padding:4px 2px 10px;display:grid;grid-auto-flow:column;grid-auto-columns:clamp(170px,19vw,236px);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none}
.model-track::-webkit-scrollbar{display:none}
.model-track:focus-visible{outline:2px solid var(--focus);outline-offset:4px;border-radius:18px}
.model-card{position:relative;scroll-snap-align:start;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--stroke);border-radius:18px;overflow:hidden;transition:transform .2s cubic-bezier(.2,.8,.2,1),border-color .2s}
.model-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--purple) 55%,var(--stroke))}
.model-card:focus-within{outline:2px solid var(--focus);outline-offset:3px}










/* Cards without a picture (chat models, new models): the name on a colour field */












@media(max-width:620px){.model-track{grid-auto-columns:58vw;margin-inline:-18px;padding-inline:18px;scroll-padding-inline:18px}}
@media(prefers-reduced-motion:reduce){.model-track{scroll-behavior:auto}.model-card,.model-card-media img{transition:none}.model-card:hover{transform:none}}
/* Dock: frosted purple glass with a lit edge, so it reads as a menu at first glance on any background */
.bottom-dock{background:linear-gradient(135deg,rgba(182,100,233,.34),rgba(52,22,70,.62) 55%,rgba(33,14,44,.72));-webkit-backdrop-filter:blur(26px) saturate(180%);backdrop-filter:blur(26px) saturate(180%);border:1px solid rgba(225,177,255,.42);box-shadow:0 18px 50px rgba(0,0,0,.55),0 0 28px rgba(182,100,233,.28),inset 0 1px 0 rgba(255,255,255,.22)}
.bottom-dock a{color:#f8eeff}
.bottom-dock a:hover{background:rgba(255,255,255,.12)}
@media(max-width:620px){.model-track{grid-auto-columns:44vw}}
.model-track{scroll-snap-type:x proximity}
[data-theme=light] .bottom-dock{background:linear-gradient(135deg,rgba(182,100,233,.62),rgba(88,34,122,.86) 55%,rgba(53,22,72,.9));border-color:rgba(182,100,233,.5);box-shadow:0 16px 40px rgba(63,20,90,.28),inset 0 1px 0 rgba(255,255,255,.25)}
/* Mouse drag on the model carousels (home.js): no snapping or smooth scroll while the hand moves it */
@media(pointer:fine){.model-track{cursor:grab}}
.model-track.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;user-select:none}
.model-track.is-dragging .model-card{pointer-events:none}
.social-mark{width:19px!important;height:19px!important}
/* The company's mark in the top corner of a chat model card (App\Support\BrandMarks) */



/* Video model cards: a short loop over the still, faded in while it plays (home.js) */
.model-card-clip{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .24s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.model-card.is-playing .model-card-clip{opacity:1}
@media(prefers-reduced-motion:reduce){.model-card-clip{display:none}}
/* Pricing cards and dialog (2026-09-30): a one-line estimate on the card; the dialog's cells name the model the figure is priced on */


.pricing-dialog-table small{color:var(--muted);font-size:11px;line-height:1.6;overflow-wrap:anywhere}
.pricing-custom-field{display:grid;gap:6px;margin-top:12px;font-size:12px;color:var(--muted)}
.pricing-custom-field[hidden]{display:none}
.pricing-custom-field input{min-height:44px;border-radius:12px;border:1px solid var(--stroke);background:var(--panel-2);color:var(--text);padding:8px 12px;font:700 16px/1.4 hn-latin-digits,Dana,sans-serif;text-align:left}
.pricing-custom-field input:focus-visible{outline:2px solid var(--purple-soft);outline-offset:2px}
.pricing-custom-field input[aria-invalid=true]{border-color:#ff5c68}
.pricing-custom-field small{min-height:1em;color:#ff5c68;font-size:11px}

.pricing-dialog-table small,.pricing-dialog-table strong{font-family:hn-latin-digits,Dana,sans-serif}
#pricing-dialog-title:focus{outline:none}
/* Header login button: brand gradient with a light sweep every few seconds. Only transform/opacity animate; still for reduced motion. */
.login-cta{position:relative;isolation:isolate;overflow:hidden;gap:8px;color:#fff;border:1px solid #ffffff2e;background:linear-gradient(135deg,#b663e9 0%,#a643e4 48%,#9727dc 100%);box-shadow:0 6px 22px #b664e945,inset 0 1px 0 #ffffff33;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s cubic-bezier(.2,.8,.2,1)}
.login-cta::before{content:"";position:absolute;top:-2px;bottom:-2px;left:0;width:46%;z-index:-1;pointer-events:none;background:linear-gradient(105deg,#fff0 0%,#ffffff0d 25%,#ffffff8a 50%,#ffffff0d 75%,#fff0 100%);transform:translateX(-170%) skewX(-18deg);animation:loginShine 5.6s cubic-bezier(.45,0,.2,1) 1.4s infinite}
.login-cta:hover{color:#fff;border-color:#ffffff47;box-shadow:0 0 0 4px #b664e92e,0 12px 34px #b664e985,inset 0 1px 0 #ffffff40}
.login-cta:hover::before{animation-duration:2.4s;animation-delay:0s}
.login-cta:active{transform:translateY(0) scale(.97)}
.login-cta:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.login-cta__icon{flex:none;transition:transform .22s cubic-bezier(.2,.8,.2,1)}
.login-cta:hover .login-cta__icon{transform:translateX(-3px)}
html[data-theme=light] .login-cta{box-shadow:0 6px 18px #b664e933,inset 0 1px 0 #ffffff40}
@media(max-width:620px){.login-cta__icon{display:none}}
@keyframes loginShine{0%,64%{transform:translateX(-170%) skewX(-18deg)}100%{transform:translateX(330%) skewX(-18deg)}}
@media(prefers-reduced-motion:reduce){.login-cta::before{animation:none;opacity:0}.login-cta,.login-cta__icon{transition:none}.login-cta:hover,.login-cta:hover .login-cta__icon{transform:none}}

/* Trends links (the owner, 2026-10-05): a flame, the same in every theme. */
.hn-flame{color:#ff8a4c;flex:none;filter:drop-shadow(0 0 4px #ff8a4c66)}
.nav-trends{gap:5px}.nav-trends .hn-flame{margin-inline-end:1px}
.rail-trends .rail-icon{display:grid;place-items:center}
.dock-trends span{display:grid;place-items:center;height:26px}
@media(prefers-reduced-motion:no-preference){.rail-trends:hover .hn-flame,.nav-trends:hover .hn-flame{animation:hnFlame 1.2s ease-in-out infinite;transform-origin:50% 90%}}
@keyframes hnFlame{0%,100%{transform:scale(1) rotate(-3deg)}50%{transform:scale(1.12,1.2) rotate(3deg)}}

/* One rhythm for the whole landing page (the owner, 2026-10-06): every block - header, hero, ticker, trends banner, sections, feature banner, footer - starts at the same side gutter, and every section keeps the same space above and below. The values are the ones the sections already had (and front.css uses for the other pages). */
:root{--hn-gutter:clamp(24px,4.1vw,74px);--hn-section-y:104px}
@media(max-width:1100px){:root{--hn-gutter:30px;--hn-section-y:78px}}
@media(max-width:620px){:root{--hn-gutter:18px;--hn-section-y:69px}}
.site-header{padding-inline:var(--hn-gutter)}


.section,.seo-section,.pricing-preview{padding-inline:var(--hn-gutter);padding-top:var(--hn-section-y);padding-bottom:var(--hn-section-y)}
main>.trend-spot{margin:var(--hn-section-y) var(--hn-gutter)}

.footer{padding-inline:var(--hn-gutter)}
/* Desktop brand (2026-10-07): while the side rail is on screen its logo is the
   mark, so the header shows the name alone, set against the rail as if it were
   the logo's caption; the rail's logo sits centred on the header bar and a
   light runs round its edge (violet to cyan, from the mark's own colours). */
@property --hn-rl-a{syntax:"<angle>";initial-value:0deg;inherits:false}
@media(min-width:821px){
  .site-header .brand .logo-symbol{display:none}
  .rail{padding-top:10px}
  .rail-logo{position:relative}
  .rail-logo:before,.rail-logo:after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--hn-rl-a),transparent 0 52%,#9222d8 64%,var(--purple-soft) 74%,#a744e4 84%,#fff 88%,transparent 96%);animation:hn-rl-spin 4.2s linear infinite}
  .rail-logo:before{padding:2px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
  .rail-logo:after{z-index:-1;inset:-3px;filter:blur(8px);opacity:.9}
}
@media(min-width:1121px){.site-header{padding-inline-start:14px}}
@keyframes hn-rl-spin{to{--hn-rl-a:360deg}}
@media(prefers-reduced-motion:reduce){.rail-logo:before,.rail-logo:after{animation:none}}


/* ---- Sliding banners (home/partials/banners, HomeBanners): two rows on a desktop, one on a phone. ---- */


.hb-viewport{position:relative;border-radius:22px;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab;outline-offset:4px}
.hb-viewport.is-dragging{cursor:grabbing}
.hb-track{display:grid;grid-template-columns:repeat(var(--per,2),minmax(0,1fr));gap:16px}





.hb-media,.hb-media picture{position:absolute;inset:0;z-index:-2}
.hb-media img,.hb-video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;transition:transform .85s cubic-bezier(.2,.7,.2,1)}
.hb-video{position:absolute;inset:0}

















.hb-controls{display:flex;align-items:center;justify-content:center;gap:10px;min-height:46px}
.hb-controls[hidden]{display:none}



.hb-dot{width:24px;height:30px;padding:0;border:0;background:none;position:relative}
.hb-dot:before{content:"";position:absolute;inset-inline:3px;top:13px;height:4px;border-radius:3px;background:var(--stroke);transition:background .25s}
.hb-dot[aria-current=true]:before{background:var(--purple)}

@keyframes hbIn{from{opacity:.25;transform:translateX(-18px) scale(.985)}to{opacity:1;transform:none}}

@media(max-width:1100px){.hb-track{gap:12px}}




@media(prefers-reduced-motion:reduce){.hb-media img,.hb-video{transition:none}}
/* Studio: four forms in one box with tabs (2026-10-24). Form two thirds at the start, a decorative picture one third. */











.studio-art{position:relative;margin:0;min-height:100%;border-inline-start:1px solid var(--stroke);background:var(--panel-2);overflow:hidden}
.studio-art img,.studio-art video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

.studio-art .is-in{animation:studioArtIn .24s cubic-bezier(.2,.8,.2,1)}
@keyframes studioArtIn{from{opacity:0}to{opacity:1}}
@media(max-width:900px){.studio-art{order:-1;height:190px;min-height:0;border-inline-start:0;border-bottom:1px solid var(--stroke)}}

@media(prefers-reduced-motion:reduce){.studio-art .is-in{animation:none}}
/* Tool cards with a picture (2026-10-24): two rows, five columns visible on a desktop, the rest scroll sideways. */



.visual-tool{display:flex;flex-direction:column;min-width:0;border:1px solid var(--stroke);border-radius:19px;overflow:hidden;background:var(--panel);scroll-snap-align:start;user-select:none;-webkit-user-drag:none;transition:border-color .18s}
.visual-tool:hover{border-color:var(--purple)}
.visual-tool:focus-visible{outline:2px solid var(--focus);outline-offset:2px}













/* Light theme hero: the photo stays, the shade and the text follow the page.
   It used to stay a black band with white text in light mode. */
html[data-theme=light] .hero{background:var(--bg);color:var(--text)}

html[data-theme=light] .hero h1 em{color:#6e00b3}

html[data-theme=light] .hero p{color:var(--muted)}






/* Scrollbars follow the theme instead of the browser default (2026-10-25): thin, a purple-tinted stroke on a clear track. */
*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--purple-soft) 32%,var(--stroke)) transparent}
html{scrollbar-color:color-mix(in srgb,var(--purple-soft) 32%,var(--stroke)) var(--bg)}