@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:300;font-display:swap;src:url('../assets/fonts/jetbrains-mono-300.ttf') format('truetype')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url('../assets/fonts/jetbrains-mono-400.ttf') format('truetype')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url('../assets/fonts/jetbrains-mono-500.ttf') format('truetype')}
@font-face{font-family:'Sora';font-style:normal;font-weight:200;font-display:swap;src:url('../assets/fonts/sora-200.ttf') format('truetype')}
@font-face{font-family:'Sora';font-style:normal;font-weight:300;font-display:swap;src:url('../assets/fonts/sora-300.ttf') format('truetype')}
@font-face{font-family:'Sora';font-style:normal;font-weight:400;font-display:swap;src:url('../assets/fonts/sora-400.ttf') format('truetype')}
:root{--bg:#000;--text:#fff;--text-dim:rgba(255,255,255,.62);--text-dimmer:rgba(255,255,255,.42);--line:rgba(255,255,255,.14);--line-strong:rgba(255,255,255,.26);--fill-ghost:rgba(255,255,255,.05);--fill-solid:rgba(255,255,255,.1);--gutter:clamp(20px,5vw,100px);--font-display:"Sora","Helvetica Neue",Helvetica,Arial,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SF Mono","Cascadia Mono",Menlo,Consolas,monospace;--ease-premium:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0}html{background:#000;color-scheme:dark;-webkit-font-smoothing:antialiased}body{background:#000;color:#fff;overflow:hidden}a{color:inherit}.hero{position:relative;isolation:isolate;display:grid;grid-template-rows:auto 1fr auto;width:100%;height:100vh;height:100svh;min-height:640px;overflow:hidden;background:#000}.hero__media{position:absolute;inset:0;z-index:-2;background:#000 url("../assets/images/background.png") center/cover no-repeat}.hero__media video{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero__scrim{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(to right,transparent 0%,transparent 45%,rgba(0,0,0,.45) 72%,rgba(0,0,0,.72) 100%),linear-gradient(to bottom,rgba(0,0,0,.55) 0%,transparent 22%,transparent 78%,rgba(0,0,0,.65) 100%)}
.navbar{position:relative;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:clamp(20px,2.4vw,34px) var(--gutter)}.navbar__logo{font-family:var(--font-display);font-size:clamp(20px,1.75vw,30px);font-weight:200;line-height:1;letter-spacing:.16em;text-decoration:none}.navbar__right{display:flex;align-items:center;gap:clamp(24px,3.2vw,62px)}.desktop-nav{display:flex;align-items:center;gap:clamp(20px,2.8vw,56px)}.desktop-nav a,.desktop-cta{font-family:var(--font-mono);font-size:clamp(11px,.78vw,14px);font-weight:400;line-height:1;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;color:#fff;transition:color .25s ease,background .25s ease,border-color .25s ease}.desktop-nav a:hover{color:var(--text-dim)}.desktop-cta{padding:clamp(12px,1vw,17px) clamp(20px,1.8vw,32px);border:1px solid var(--line-strong)}.desktop-cta:hover{background:var(--fill-ghost);border-color:rgba(255,255,255,.5)}
.hero__body{display:flex;align-items:center;justify-content:flex-end;min-height:0;padding:0 var(--gutter);overflow-y:auto}.panel{display:flex;flex-direction:column;align-items:flex-start;width:min(34vw,620px);min-width:380px}.voice-chip{padding:clamp(9px,.8vw,14px) clamp(14px,1.1vw,20px);background:rgba(255,255,255,.09);font-family:var(--font-mono);font-size:clamp(11px,.72vw,14px);font-weight:400;line-height:1;letter-spacing:.2em;text-transform:uppercase;display:inline-flex;align-items:center;white-space:pre}.typing-caret{display:inline-block;width:1px;height:1em;margin-left:2px;background:#fff;vertical-align:-.12em;opacity:1}.typing-caret.is-blinking{animation:caretBlink .9s ease-in-out infinite}@keyframes caretBlink{0%,100%{opacity:1}50%{opacity:.15}}.panel h1{margin:clamp(28px,3vw,52px) 0 0;font-family:var(--font-display);font-size:clamp(54px,6.2vw,118px);font-weight:200;line-height:.95;letter-spacing:.03em}.tagline{margin:clamp(14px,1.4vw,24px) 0 0;font-family:var(--font-mono);font-size:clamp(11px,.94vw,17px);font-weight:300;line-height:1.4;letter-spacing:.14em;color:var(--text-dim);max-width:42ch;text-transform:none}.signup-form{display:flex;flex-direction:column;gap:clamp(14px,1.3vw,22px);width:100%;margin-top:clamp(38px,4.6vw,82px)}.signup-form input{width:100%;padding:0 2px clamp(12px,1.1vw,18px);border:0;border-bottom:1px solid var(--line-strong);border-radius:0;outline:none;background:transparent;font-family:var(--font-display);font-size:clamp(16px,.95vw,18px);font-weight:300;color:#fff;transition:border-color .25s ease}.signup-form input::placeholder{color:var(--text-dim)}.signup-form input:focus{border-bottom-color:rgba(255,255,255,.85)}.signup-form input:focus::placeholder{color:var(--text-dimmer)}.btn{width:100%;padding:clamp(17px,1.6vw,27px) 20px;border:0;border-radius:0;font-family:var(--font-mono);font-size:clamp(11px,.78vw,14px);font-weight:400;letter-spacing:.22em;text-transform:uppercase;transition:background .25s ease,color .25s ease}.btn--ghost{background:var(--fill-ghost);color:var(--text-dimmer)}.btn--ghost:hover{background:rgba(255,255,255,.09);color:#fff}.btn--solid{background:var(--fill-solid);color:#fff}.btn--solid:hover{background:rgba(255,255,255,.17)}.invite-link{align-self:center;margin-top:clamp(26px,2.6vw,46px);font-family:var(--font-mono);font-size:clamp(11px,.74vw,14px);font-weight:400;letter-spacing:.18em;text-transform:uppercase;text-decoration:none}.invite-link:hover{color:var(--text-dim);text-decoration:underline;text-underline-offset:4px}.legal-footer{position:relative;z-index:2;padding:clamp(18px,1.7vw,30px) var(--gutter);border-top:1px solid var(--line);text-align:center}.legal-footer p{margin:0;font-family:var(--font-display);font-size:clamp(12px,.82vw,16px);font-weight:300;line-height:1.5;color:var(--text-dim)}.legal-footer a{color:#fff;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1100px){.panel{width:min(70vw,520px);min-width:0}}@media(max-width:900px){.desktop-nav,.desktop-cta{display:none}}@media(max-width:720px){.hero__scrim{background:linear-gradient(to bottom,rgba(0,0,0,.6) 0%,rgba(0,0,0,.25) 30%,rgba(0,0,0,.75) 100%)}.hero__body{justify-content:center;padding-top:24px;padding-bottom:24px}.panel{width:100%;min-width:0;align-items:stretch}.voice-chip{align-self:flex-start}.invite-link{align-self:center}}
/* Interactive glass 3D logo */
.logo-3d-wrap{position:absolute;left:clamp(34px,8vw,150px);top:50%;transform:translateY(-50%);width:clamp(300px,34vw,620px);height:clamp(300px,54vh,620px);z-index:1;pointer-events:none;filter:drop-shadow(0 24px 70px rgba(255,255,255,.06))}.logo-3d-wrap canvas{display:block;width:100%;height:100%}.logo-3d-fallback{display:none}@media(max-width:900px){.logo-3d-wrap{left:3vw;width:38vw;height:42vh;opacity:.62}}@media(max-width:720px){.logo-3d-wrap{display:none}}


/* Left-side cyan background with soft fade into black */
@media(max-width:900px){
  
}
@media(max-width:720px){
  
}


/* Full-screen custom red background */
.hero__custom-bg{position:absolute;inset:0;z-index:-2;pointer-events:none;background-image:url("../assets/images/background.png");background-size:cover;background-position:center center;background-repeat:no-repeat;image-rendering:auto;}
.hero__media{opacity:0!important;}
.hero__scrim{z-index:-1;background:linear-gradient(to right,rgba(0,0,0,.10) 0%,rgba(0,0,0,.03) 45%,rgba(0,0,0,.22) 78%,rgba(0,0,0,.42) 100%),linear-gradient(to bottom,rgba(0,0,0,.10) 0%,transparent 30%,transparent 72%,rgba(0,0,0,.24) 100%)!important;}


/* Animated gradient hero title inspired by MotionSites-style heading */
.hero-title{
  position:relative;
  display:inline-block;
  background-size:240% 240%;
  background-repeat:no-repeat;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
  filter:
    drop-shadow(0 0 10px rgba(255, 140, 110, 0.16))
    drop-shadow(0 0 24px rgba(255, 120, 86, 0.18))
    drop-shadow(0 0 42px rgba(255, 105, 70, 0.14));
  will-change: background-position, filter;
}
.hero-title::after{
  content: "R DSGN";
  position:absolute;
  inset:0;
  z-index:-1;
  color:rgba(255, 180, 150, 0.16);
  filter:blur(16px);
  pointer-events:none;
}
.animate-gradient-shift{
  background-image:radial-gradient(
    88% 118% at 18% 22%,
    rgb(208, 178, 255) 0%,
    rgb(255, 238, 216) 36%,
    rgb(255, 151, 112) 58%,
    rgb(232, 64, 13) 82%,
    rgb(146, 24, 0) 100%
  );
  animation:gradient-shift 9s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
@keyframes gradient-shift{
  0%{
    background-position:0% 50%;
    filter:
      drop-shadow(0 0 10px rgba(255, 140, 110, 0.16))
      drop-shadow(0 0 24px rgba(255, 120, 86, 0.18))
      drop-shadow(0 0 42px rgba(255, 105, 70, 0.14));
  }
  25%{
    background-position:35% 22%;
    filter:
      drop-shadow(0 0 12px rgba(255, 150, 120, 0.18))
      drop-shadow(0 0 28px rgba(255, 130, 94, 0.22))
      drop-shadow(0 0 48px rgba(255, 115, 84, 0.16));
  }
  50%{
    background-position:100% 50%;
    filter:
      drop-shadow(0 0 14px rgba(255, 160, 130, 0.18))
      drop-shadow(0 0 30px rgba(255, 138, 100, 0.24))
      drop-shadow(0 0 54px rgba(255, 120, 86, 0.18));
  }
  75%{
    background-position:68% 78%;
    filter:
      drop-shadow(0 0 12px rgba(255, 150, 118, 0.18))
      drop-shadow(0 0 28px rgba(255, 132, 96, 0.22))
      drop-shadow(0 0 48px rgba(255, 110, 78, 0.16));
  }
  100%{
    background-position:0% 50%;
    filter:
      drop-shadow(0 0 10px rgba(255, 140, 110, 0.16))
      drop-shadow(0 0 24px rgba(255, 120, 86, 0.18))
      drop-shadow(0 0 42px rgba(255, 105, 70, 0.14));
  }
}


/* Text logo */
.navbar__logo--text{
  color:#fff;
  font-weight:200;
  letter-spacing:.16em;
  transform:translateY(-3px);
  text-shadow:
    0 0 8px rgba(255,255,255,.18),
    0 0 18px rgba(255,255,255,.08);
  display:inline-flex;
  align-items:center;
  white-space:nowrap;
  isolation:isolate;
  cursor:default;
}
.navbar__logo--text .logo-char{
  display:inline-block;
  min-width:.32em;
  will-change:transform,filter,text-shadow,opacity;
  transition:
    transform .48s cubic-bezier(.16,1,.3,1),
    filter .52s ease,
    text-shadow .52s ease,
    opacity .52s ease;
}
.navbar__logo--text .logo-char.is-space{
  min-width:.62em;
}
.navbar__logo--text.is-rippling .logo-char{
  transition-duration:.22s;
}









/* Ripple preloader */
.site-preloader {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(10, 12, 18, 0.34);
  -webkit-backdrop-filter: blur(8px) saturate(110%);
  backdrop-filter: blur(8px) saturate(110%);
  opacity: 1;
  visibility: visible;
  transition:
    opacity .42s ease,
    visibility .42s ease,
    background-color .42s ease,
    backdrop-filter .42s ease,
    -webkit-backdrop-filter .42s ease;
}
.site-preloader.is-hiding-loader .site-preloader__inner {
  opacity: 0;
  filter: blur(10px);
  transform: scale(.96);
}
.site-preloader.is-hiding-bg {
  opacity: 0;
  visibility: hidden;
  background: rgba(10, 12, 18, 0);
  -webkit-backdrop-filter: blur(0px) saturate(100%);
  backdrop-filter: blur(0px) saturate(100%);
}
.site-preloader__inner {
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  opacity:1;
  filter:blur(0);
  transform:scale(1);
  transition: opacity .28s ease, filter .28s ease, transform .28s ease;
}
.ld-ripple {
  position: relative;
  width: 80px;
  height: 80px;
}
.ld-ripple div {
  position: absolute;
  border: 4px solid #fff;
  opacity: 1;
  border-radius: 50%;
  animation: ld-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
  box-shadow: 0 0 20px rgba(255,255,255,.18);
}
.ld-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes ld-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  4.9% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  5% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}
body.is-loading {
  overflow: hidden;
}
@media (prefers-reduced-motion: reduce) {
  .ld-ripple div {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
  .site-preloader,
  .site-preloader__inner {
    transition-duration: .01ms !important;
    transition-delay: 0ms !important;
  }
}


/* Forge-inspired scramble nav hover */
.desktop-nav a.nav-scramble{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  flex:0 0 auto;
  color:#fff;
  transition:color .22s ease, text-shadow .22s ease;
  will-change:contents, filter;
}
.desktop-nav a.nav-scramble:hover{
  color:#fff;
}
.desktop-nav a.nav-scramble.is-scrambling{
  color:#fff;
  text-shadow:0 0 12px rgba(255,255,255,.22);
}



/* A centered, floating sculpture with room for the original right-hand panel. */
.logo-3d-wrap{left:36%;top:50%;transform:translate(-50%,-50%);width:54vw;height:82vh;height:82svh;max-width:920px;max-height:920px;min-height:290px;z-index:1;opacity:1;display:block;filter:none;pointer-events:auto;}
.logo-3d-wrap::before{content:"";position:absolute;inset:18% 4% 10%;background:radial-gradient(ellipse,rgba(255,74,33,.12),rgba(255,57,30,.025) 45%,transparent 68%);filter:blur(30px);z-index:-1;}
.logo-3d-wrap::after{content:"";position:absolute;left:22%;right:22%;bottom:10%;height:5%;background:rgba(27,0,6,.65);filter:blur(18px);border-radius:50%;z-index:-1;}
.logo-3d-wrap canvas{position:relative;z-index:1;width:100%;height:100%;opacity:0;transition:opacity 1.1s ease;touch-action:pan-y;}
.logo-3d-wrap.is-ready canvas{opacity:1;}
.model-status{position:absolute;z-index:3;inset:0;display:grid;place-items:center;text-align:center;font:10px var(--font-mono);letter-spacing:.2em;color:rgba(255,216,203,.55);}
.logo-3d-wrap.is-ready .model-status{display:none;}
.hero__body{position:relative;z-index:2;pointer-events:none;padding-right:4vw;overflow:visible;}
.panel{width:28vw;min-width:0;pointer-events:auto;}
.panel h1{font-size:clamp(54px,5.8vw,112px);white-space:nowrap;}
.navbar{padding-right:4vw;}
.navbar .navbar__right{width:28vw;min-width:0;margin-right:0;}
.navbar .desktop-nav{width:100%;justify-content:space-between;gap:0;}
.signup-form a.btn{display:block;text-align:center;text-decoration:none;}
.signup-form a.btn[href^="https://t.me/"]{position:relative;isolation:isolate;--telegram-border-x:50%;--telegram-border-y:50%;--telegram-border-angle:0deg;}
.signup-form a.btn[href^="https://t.me/"]::before,
.signup-form a.btn[href^="https://t.me/"]::after{content:"";position:absolute;inset:0;z-index:2;padding:1px;pointer-events:none;opacity:0;transition:opacity .28s ease;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;}
.signup-form a.btn[href^="https://t.me/"]::before{background:conic-gradient(from var(--telegram-border-angle),rgba(206,52,9,.12) 0deg,#CE3409 52deg,#E38E6D 112deg,transparent 174deg,transparent 242deg,#CE3409 304deg,#E38E6D 338deg,transparent 360deg);animation:telegram-border-flow 3.4s linear infinite;}
.signup-form a.btn[href^="https://t.me/"]::after{background:radial-gradient(170px circle at var(--telegram-border-x) var(--telegram-border-y),#CE3409 0%,#E38E6D 45%,rgba(227,142,109,.28) 68%,transparent 100%);filter:drop-shadow(0 0 4px rgba(227,142,109,.36));}
.signup-form a.btn[href^="https://t.me/"]:hover::before,
.signup-form a.btn[href^="https://t.me/"]:focus-visible::before{opacity:.34;}
.signup-form a.btn[href^="https://t.me/"]:hover::after,
.signup-form a.btn[href^="https://t.me/"]:focus-visible::after{opacity:1;}
@property --telegram-border-angle{syntax:"<angle>";inherits:false;initial-value:0deg;}
@keyframes telegram-border-flow{to{--telegram-border-angle:360deg;}}
.legal-footer p{font-family:var(--font-mono);font-size:clamp(11px,.94vw,17px);font-weight:300;line-height:1.4;letter-spacing:.14em;background:linear-gradient(90deg,#fff 0%,#ffe8f0 24%,#f5bfd0 50%,#fff5f8 76%,#fff 100%);background-size:260% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 5px rgba(255,232,240,.18)) drop-shadow(0 0 12px rgba(245,191,208,.1));animation:footer-gradient-glow 7s linear infinite;}
@keyframes footer-gradient-glow{0%{background-position:0% 50%;filter:drop-shadow(0 0 4px rgba(255,245,248,.15)) drop-shadow(0 0 10px rgba(245,191,208,.08));}50%{background-position:100% 50%;filter:drop-shadow(0 0 7px rgba(255,245,248,.25)) drop-shadow(0 0 16px rgba(245,191,208,.16));}100%{background-position:0% 50%;filter:drop-shadow(0 0 4px rgba(255,245,248,.15)) drop-shadow(0 0 10px rgba(245,191,208,.08));}}
@media(max-width:1100px) and (min-width:721px){.logo-3d-wrap{left:32%;width:64vw;height:74svh;}.panel{width:34vw;}.panel h1{font-size:6.4vw;}.tagline{font-size:11px;letter-spacing:.06em;}}
@media(max-width:1100px) and (min-width:901px){.navbar .navbar__right{width:34vw;}}
@media(max-width:720px){
  body{overflow-y:auto;}
  .hero{min-height:100svh;height:auto;grid-template-rows:max-content auto max-content;}
  .navbar{padding:24px var(--gutter);flex-direction:column;align-items:stretch;justify-content:flex-start;gap:12px;}
  .navbar .navbar__logo{align-self:flex-start;}
  .navbar .navbar__right{display:block;width:min(100%,340px);margin:0 auto;}
  .navbar .desktop-nav{display:flex;width:100%;justify-content:space-between;gap:0;}
  .navbar .desktop-nav a{font-size:clamp(9px,2.45vw,11px);letter-spacing:.13em;white-space:nowrap;}
  .logo-3d-wrap{left:50%;top:74px;transform:translateX(-50%);width:min(96vw,520px);height:clamp(265px,44svh,430px);min-height:0;opacity:1;}
  .hero__body{padding:clamp(270px,45svh,440px) var(--gutter) 38px;}
  .panel{width:min(100%,440px);align-items:stretch;}
  .panel h1{font-size:clamp(54px,12vw,78px);margin-top:24px;}
  .tagline{max-width:none;}
  .signup-form{margin-top:26px;gap:12px;}
  .legal-footer{padding:18px var(--gutter);}
  .hero__custom-bg{background-position:38% center;}
}
@media(prefers-reduced-motion:reduce){.logo-3d-wrap canvas{transition:none;}.animate-gradient-shift,.typing-caret,.legal-footer p,.signup-form a.btn[href^="https://t.me/"]::before{animation:none!important;}}