@font-face{
  font-family:"Estedad Variable";
  font-style:normal;
  font-display:swap;
  font-weight:100 900;
  src:url("/static/fonts/estedad-arabic.woff2") format("woff2");
  unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC;
}
@font-face{
  font-family:"Estedad Variable";
  font-style:normal;
  font-display:swap;
  font-weight:100 900;
  src:url("/static/fonts/estedad-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"Plus Jakarta Sans";
  font-style:normal;
  font-display:swap;
  font-weight:700;
  src:url("/static/fonts/plus-jakarta-700.woff2") format("woff2");
}
@font-face{
  font-family:"Plus Jakarta Sans";
  font-style:normal;
  font-display:swap;
  font-weight:800;
  src:url("/static/fonts/plus-jakarta-800.woff2") format("woff2");
}

:root{
  --rg-violet:#6B4EFF;
  --rg-violet-2:#8B74FF;
  --rg-orange:#FF7A3A;
  --rg-ink:#1B1730;
  --rg-muted:#6E6984;
  --rg-line:rgba(107,78,255,.14);
  --rg-soft:#F3F0FF;
  --rg-font:"Estedad Variable","Vazirmatn",system-ui,sans-serif;
  --rg-latin:"Plus Jakarta Sans","Estedad Variable",sans-serif;
}

body.page-home{
  background:
    radial-gradient(920px 480px at 88% -8%, rgba(139,116,255,.22), transparent 58%),
    radial-gradient(640px 360px at 6% 12%, rgba(255,122,58,.09), transparent 52%),
    #F6F4FC;
  color:var(--rg-ink);
  font-family:var(--rg-font);
  font-weight:400;
}
body.page-home .site-footer{display:none!important}
body.page-home h1,body.page-home h2,body.page-home h3{
  font-family:var(--rg-font);
  font-weight:800;
  letter-spacing:-.02em;
}

.rg-top{
  position:sticky;top:0;z-index:80;
  background:transparent;border:0;
  padding:12px 0 0;
  padding-top:max(12px, env(safe-area-inset-top,0));
}
.rg-top-inner{
  width:min(1120px,94%);
  margin:0 auto;
  display:flex;align-items:center;gap:14px;
  padding:8px 10px 8px 14px;
  background:#fff;border-radius:999px;
  box-shadow:0 10px 40px rgba(40,30,80,.08);
}
.rg-brand{
  font-family:var(--rg-latin);
  font-weight:800;
  font-size:1.28rem;
  letter-spacing:-.04em;
  color:#171326;
  flex:0 0 auto;
}
.rg-menu{
  display:flex;align-items:center;justify-content:center;
  gap:2px;flex:1;flex-wrap:nowrap;
  min-width:0;
}
.rg-menu a,.rg-menu .nav-link-button{
  color:#2A2540;opacity:1;font-weight:600;font-size:.84rem;
  padding:8px 8px;border-radius:10px;background:transparent;white-space:nowrap;
}
.rg-menu a.is-active{
  box-shadow:inset 0 -2px 0 var(--rg-violet);
  border-radius:0;padding-bottom:10px;
}
.rg-menu a:hover,.rg-menu .nav-link-button:hover{color:var(--rg-violet);background:var(--rg-soft)}
body.page-home .credits-pill{
  background:rgba(107,78,255,.12);color:var(--rg-violet);border-color:rgba(107,78,255,.22);
}
.rg-cta{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.rg-menu-auth{display:none}
.rg-pill{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  border-radius:999px;padding:10px 16px;font-weight:800;font-size:.86rem;
  text-decoration:none;min-height:42px;white-space:nowrap;
}
.rg-pill-violet{background:var(--rg-violet);color:#fff}
.rg-pill-violet:hover{background:#5A3DF0;color:#fff}
.rg-pill-ink{background:#1C1830;color:#fff}
.rg-pill-ink:hover{background:#12101F;color:#fff}
.rg-pill-ghost{
  display:none;
  background:#fff;color:var(--rg-ink);border:1px solid var(--rg-line);
}
.rg-pill-ghost:hover{background:var(--rg-soft);color:var(--rg-violet)}
body.page-home .rg-top .nav-burger{margin-inline-start:auto}

.rg-wrap,.rg-hero,.rg-block,.rg-studio-wrap{width:min(1120px,92%);margin:0 auto}
.rg-hero{
  display:grid;gap:28px;padding:22px 0 8px;align-items:center;
}
.rg-wordmark{
  font-size:clamp(2.4rem,6vw,3.6rem);
  font-weight:800;line-height:.95;margin:0 0 8px;
}
.rg-wordmark span{color:var(--rg-violet)}
.rg-hero h1{
  font-size:clamp(1.35rem,3.2vw,2rem);
  margin:0 0 10px;line-height:1.45;font-weight:800;
}
.rg-hero h1 span{color:var(--rg-orange)}
.rg-lead{
  color:var(--rg-muted);max-width:42ch;margin:0 0 14px;line-height:1.75;font-size:.92rem;
}
.rg-prompt{
  display:flex;gap:10px;align-items:center;
  background:#fff;border:1px solid var(--rg-line);border-radius:999px;
  padding:6px 6px 6px 14px;box-shadow:0 16px 44px rgba(107,78,255,.1);
  direction:ltr;
}
.rg-spark{display:grid;place-items:center;width:28px;color:#B8B3CC;font-size:1.2rem;flex:0 0 auto}
.rg-prompt input{
  flex:1;border:0;background:transparent;font:inherit;min-width:0;
  padding:10px 4px;outline:none;color:var(--rg-ink);direction:rtl;text-align:right;
}
.rg-prompt button{
  border:0;background:var(--rg-violet);color:#fff;border-radius:999px;
  padding:10px 18px;font:inherit;font-weight:800;cursor:pointer;white-space:nowrap;
}
.rg-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.rg-chip{
  display:inline-flex;align-items:center;
  background:#fff;border:1px solid var(--rg-line);border-radius:999px;
  padding:6px 12px;font-size:.78rem;font-weight:700;color:#3F3A55;text-decoration:none;
}
.rg-chip:hover{border-color:var(--rg-violet);color:var(--rg-violet)}

.rg-stage{position:relative;width:100%}
.rg-frame{
  position:relative;width:100%;aspect-ratio:1;
  border-radius:28px;overflow:visible;
}
.rg-after{
  width:100%;height:100%;object-fit:cover;border-radius:28px;
  max-width:none!important;display:block;
  box-shadow:0 22px 50px rgba(28,25,48,.16);
}
.rg-before-card{
  position:absolute;left:6%;bottom:10%;z-index:3;
  width:32%;background:#fff;border-radius:18px;padding:6px;
  box-shadow:0 14px 32px rgba(28,25,48,.16);
  transform:rotate(-8deg);
}
.rg-before-card img{
  width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:14px;max-width:none!important;display:block;
}
.rg-tag{
  position:absolute;top:-11px;right:10px;
  background:#fff;color:var(--rg-ink);white-space:nowrap;
  font-size:.68rem;font-weight:800;padding:5px 9px;border-radius:999px;
  box-shadow:0 6px 16px rgba(28,25,48,.1);
}
.rg-badge{
  position:absolute;top:16px;left:16px;z-index:4;background:var(--rg-violet);color:#fff;
  font-size:.75rem;font-weight:800;padding:7px 12px;border-radius:999px;
}
@keyframes rg-float{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}
@keyframes rg-bob{
  0%,100%{transform:translateY(0) rotate(-8deg)}
  50%{transform:translateY(-7px) rotate(-5deg)}
}
@keyframes rg-spin{to{transform:rotate(1turn)}}
@keyframes rg-ken{
  from{transform:scale(1.06) translate(0,0)}
  to{transform:scale(1.16) translate(-2%,-1%)}
}
@keyframes rg-pulse{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.05)}
}
@media (prefers-reduced-motion:reduce){
  .rg-orb-wrap,.rg-orb-ring,.rg-after,.rg-before-card,.rg-badge{animation:none}
}

.rg-block{padding:28px 0 8px}
.rg-block>h2,.rg-head h2{
  font-size:clamp(1.3rem,3vw,1.75rem);margin:0 0 8px;text-align:center;
}
.rg-block>h2 span{color:var(--rg-violet)}
.rg-head{position:relative;text-align:center;margin-bottom:18px;padding:0 8rem 0 0}
.rg-head h2{text-align:center;margin:0}
.rg-head p{margin:6px 0 0;color:var(--rg-muted);font-size:.92rem}
.rg-more{
  position:absolute;left:0;top:8px;font-weight:800;color:var(--rg-violet);white-space:nowrap;
}

.rg-demos-lead{text-align:center;color:var(--rg-muted);margin:0 0 18px}
.rg-demos{display:grid;grid-template-columns:1fr;gap:12px}
.rg-demo{
  background:#fff;border:1px solid var(--rg-line);border-radius:22px;padding:10px 10px 14px;
  text-decoration:none;color:inherit;display:grid;gap:8px;align-content:start;
}
.rg-demo:hover{border-color:rgba(107,78,255,.35);box-shadow:0 12px 28px rgba(107,78,255,.08)}
.rg-demo b{font-size:.9rem;text-align:center;display:block}
.rg-demo>p{margin:0;color:var(--rg-muted);font-size:.78rem;line-height:1.65;text-align:center;min-height:2.6em}
.rg-demo-btn{
  display:block;text-align:center;background:#F4F0FF;color:var(--rg-violet);
  border-radius:999px;padding:8px 10px;font-size:.8rem;font-weight:800;
}
.rg-pair{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:16px;overflow:hidden}
.rg-pair img{
  width:100%;aspect-ratio:1;object-fit:cover;display:block;max-width:none!important;border-radius:0;
}

.rg-jobs{display:none}
.rg-job{
  background:#fff;border-radius:24px;padding:22px 14px 18px;text-align:center;
  text-decoration:none;color:inherit;border:1px solid var(--rg-line);
  box-shadow:0 12px 32px rgba(107,78,255,.05);
}
.rg-job .ic{
  width:52px;height:52px;border-radius:16px;display:grid;place-items:center;
  margin:0 auto 12px;
}
.rg-job .ic svg{width:26px;height:26px}
.ic-bag{background:#F3E8FF}
.ic-ig{background:#FCE7F3}
.ic-wand{background:#EEE9FE}
.ic-ad{background:#FFE4E6}
.ic-star{background:#DBEAFE}
.rg-job b{display:block;margin-bottom:8px;font-size:.95rem}
.rg-job p{color:var(--rg-muted);font-size:.82rem;line-height:1.7;margin:0}

.rg-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.rg-shot{
  position:relative;display:block;border-radius:18px;overflow:hidden;aspect-ratio:1;
}
.rg-shot img{width:100%;height:100%;object-fit:cover;max-width:none!important}
.rg-heart{
  position:absolute;bottom:10px;right:10px;background:rgba(18,16,28,.72);color:#fff;
  border-radius:999px;padding:5px 10px;font-size:.75rem;font-weight:800;
}

.rg-studio-wrap{padding:10px 0 8px}
.rg-studio{
  display:grid;gap:18px;background:transparent;border:0;padding:8px 0;border-radius:0;
}
.rg-studio-kicker{color:var(--rg-violet);font-weight:800;margin:0 0 8px}
.rg-studio-copy{text-align:center}
.rg-studio-copy h2{text-align:center;margin:0 0 10px;font-size:clamp(1.25rem,2.4vw,1.7rem)}
.rg-studio-copy p{color:var(--rg-muted);margin:0 auto 16px;max-width:42ch;line-height:1.85}
.rg-studio-visual{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.rg-studio-visual img{
  width:100%;aspect-ratio:1;object-fit:cover;border-radius:18px;display:block;max-width:none!important;
  box-shadow:0 8px 20px rgba(28,25,48,.08);
}
.rg-cats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.rg-cats a{
  display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;border-radius:999px;
  padding:12px 14px;font-weight:800;font-size:.86rem;text-decoration:none;color:var(--rg-ink);
  border:1px solid var(--rg-line);
}
.rg-cats i{
  width:28px;height:28px;border-radius:9px;display:grid;place-items:center;
  font-style:normal;color:#fff;font-size:.85rem;
}
.c-red{background:#EF4444}.c-pink{background:#EC4899}.c-blue{background:#3B82F6}.c-violet{background:#7C3AED}

.rg-seo{
  position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);
}

.rg-foot{
  margin-top:48px;color:#fff;
  background:
    linear-gradient(180deg, rgba(18,12,36,.28), rgba(18,12,36,.55)),
    url("/static/samples/rg_footer_sky.jpg") center/cover no-repeat;
  padding:56px 0 28px;
}
.rg-foot-inner{
  width:min(1180px,92%);margin:0 auto;
  display:grid;gap:28px;align-items:end;
}
.rg-social{display:flex;flex-direction:column;gap:10px}
.rg-social-row{display:flex;gap:10px}
.rg-social a{
  width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.16);
  display:grid;place-items:center;color:#fff;
}
.rg-social p{margin:6px 0 0;font-size:.9rem;opacity:.92}
.rg-foot-mid{text-align:center}
.rg-foot-mid h2{margin:0 0 8px;font-size:clamp(1.4rem,3vw,2rem);color:#fff}
.rg-foot-mid p{opacity:.9;margin:0 0 16px}
.rg-foot-mid .rg-pill-violet{background:#fff;color:#3A2A86}
.rg-foot-brand{text-align:left}
.rg-foot-brand strong{
  display:block;font-family:var(--rg-latin);font-size:1.6rem;font-weight:800;letter-spacing:-.04em;
}
.rg-foot-brand span{opacity:.85;font-size:.85rem}
.rg-foot .footer-seals-wrap{
  width:min(1180px,92%);
  margin:28px auto 0;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.22);
  text-align:center;
}
.rg-foot .footer-seals-label{color:#fff;opacity:.9}
.rg-foot .footer-seal{
  background:#fff;
  border-radius:12px;
  width:125px;
  height:136px;
  padding:6px;
  box-sizing:border-box;
}
.rg-foot .footer-seal iframe,
.rg-foot .footer-seal img{
  max-width:125px;
  max-height:136px;
  width:auto;
  height:auto;
}

@media (min-width:900px){
  .rg-hero{grid-template-columns:1fr 1.05fr;padding:18px 0 10px;gap:40px}
  .rg-demos{grid-template-columns:repeat(5,minmax(0,1fr))}
  .rg-rail{grid-template-columns:repeat(6,minmax(0,1fr))}
  .rg-studio{
    grid-template-columns:1.15fr .85fr;
    grid-template-areas:"visual copy" "cats cats";
    align-items:center;gap:22px 28px;
  }
  .rg-studio-copy{grid-area:copy;text-align:right}
  .rg-studio-copy h2,.rg-studio-copy p{text-align:right;margin-right:0;margin-left:0}
  .rg-studio-visual{grid-area:visual}
  .rg-cats{grid-area:cats;grid-template-columns:repeat(4,1fr)}
  .rg-foot-inner{grid-template-columns:1fr 1.3fr 1fr}
}
@media (max-width:899px){
  body.page-home .rg-top .nav-burger{display:flex;z-index:100;position:relative}
  .rg-cta{display:flex;align-items:center;gap:8px;flex:0 0 auto;margin-inline-end:4px;position:relative;z-index:100}
  .rg-cta .rg-pill-violet{display:none}
  .rg-cta .rg-pill-ink{padding:8px 14px;min-height:40px;font-size:.82rem}
  .rg-cta .rg-pill-ghost{display:inline-flex;padding:8px 12px;min-height:40px;font-size:.82rem}
  .rg-menu{
    display:none;position:fixed;inset:0;top:0;z-index:90;
    flex-direction:column;align-items:stretch;justify-content:flex-start;
    gap:4px;background:#fff;padding:72px 18px calc(24px + env(safe-area-inset-bottom,0px));
    overflow-y:auto;
  }
  .rg-menu.open{display:flex}
  .rg-menu a,.rg-menu .nav-link-button{
    font-size:1.05rem;padding:14px 12px;border-radius:12px;white-space:normal;
  }
  .rg-menu-auth{
    display:flex !important;align-items:center;justify-content:center;
    margin-top:6px;font-weight:800 !important;min-height:48px;
    border:1px solid var(--rg-line);background:#fff;color:var(--rg-ink) !important;
  }
  .rg-menu-auth-primary{
    background:var(--rg-violet) !important;color:#fff !important;border-color:transparent;
    margin-top:14px;
  }
  .rg-menu a.is-active{box-shadow:none;background:var(--rg-soft);border-radius:12px;color:var(--rg-violet)}
  .rg-demos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rg-head{padding:0 0 8px}
  .rg-more{position:static;display:inline-block;margin-top:8px}
  .rg-frame{overflow:hidden;max-width:100%}
  .rg-before-card{width:42%;left:3%;bottom:5%;transform:rotate(-6deg)}
  .rg-hero{padding:12px 0 8px;gap:16px}
  .rg-hero h1 br,.rg-lead br{display:none}
  .rg-lead{max-width:none}
  .rg-top-inner{border-radius:18px;width:min(1120px,94%)}
  .rg-wrap,.rg-hero,.rg-block,.rg-studio-wrap{width:min(1120px,94%)}
  .rg-prompt{flex-wrap:wrap;border-radius:22px;padding:10px;direction:rtl}
  .rg-prompt button{width:100%}
  .rg-chips{
    flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;
    padding-bottom:6px;margin-inline:-2px;
  }
  .rg-chip{flex:0 0 auto}
  .rg-studio-visual{grid-template-columns:1fr 1fr}
  .rg-studio-visual img:last-child{display:none}
  .rg-foot-inner{grid-template-columns:1fr;text-align:center}
  .rg-foot-brand{text-align:center}
  .rg-cats a{min-height:48px}
}
@media (max-width:759px){
  .rg-prompt{border-radius:20px;flex-wrap:wrap;padding:10px}
  .rg-prompt button{width:100%}
  .rg-stage{max-width:none}
  .rg-head{padding:0}
  .rg-more{position:static;display:inline-block;margin-top:8px}
  .rg-demos{grid-template-columns:1fr}
  .rg-top-inner{border-radius:18px;width:min(1120px,94%)}
}
@media (max-width:420px){
  .rg-cta .rg-pill-ghost{display:none}
}
