@font-face{font-family:'Rajdhani';font-weight:400;font-style:normal;font-display:swap;src:url(fonts/Rajdhani-Regular.woff) format('woff');}
body{margin:0;background:#1a0b27;}
*{box-sizing:border-box;}
a{color:inherit;text-decoration:none;}
.es{font-family:'Inter',system-ui,sans-serif;color:#1a0b27;overflow-x:clip;position:relative;background:#f6f4fa;}
.hd{font-family:'Rajdhani','Inter',sans-serif;font-weight:400;letter-spacing:0;}
.vi{color:#7c3aed;}
.eyebrow{font-family:'Inter',sans-serif;font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;}
.rule{height:1px;background:currentColor;opacity:.16;}

/* gold: light noisy sheen that drifts */
.gd{background-image:radial-gradient(rgba(255,255,255,.5) .6px,transparent .9px),linear-gradient(105deg,#b88f35 0%,#e3ca7c 26%,#fff2bd 45%,#e3ca7c 62%,#b88f35 100%);background-size:3px 3px,240% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:sheen 8s linear infinite;}
.gbg{background-image:radial-gradient(rgba(255,255,255,.45) .6px,transparent .9px),linear-gradient(105deg,#d1b05a 0%,#e3ca7c 30%,#fff0b3 48%,#e3ca7c 66%,#cfae58 100%);background-size:3px 3px,240% 100%;animation:sheen 8s linear infinite;}
@keyframes sheen{0%{background-position:0 0,130% 0;}100%{background-position:0 0,-130% 0;}}

/* stars: line only, twinkle at random */
.st{position:absolute;fill:none;stroke:#E3CA7C;stroke-width:1.2;opacity:.12;pointer-events:none;animation:tw 4s ease-in-out infinite;}
@keyframes tw{0%,100%{opacity:.1;transform:scale(.6) rotate(0deg);}50%{opacity:.95;transform:scale(1) rotate(12deg);}}

/* buttons */
.cta{position:relative;display:inline-flex;align-items:center;gap:12px;padding:16px 28px;border-radius:999px;font-weight:600;font-size:15px;min-height:52px;cursor:pointer;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .25s,color .25s;font-family:inherit;border:0;}
.cta .ar{display:inline-block;transition:transform .35s cubic-bezier(.2,.8,.2,1);}
.cta:hover{transform:translateY(-2px);}
.cta:hover .ar{transform:translateX(5px);}
.cta-gold{color:#1a0b27;}
.cta-gold:hover{box-shadow:0 14px 34px rgba(227,202,124,.4);}
.cta-line{border:1px solid rgba(246,244,250,.35);color:#f6f4fa;background:transparent;}
.cta-line:hover{border-color:#E3CA7C;color:#E3CA7C;}
.nl{position:relative;padding:6px 0;}
.nl:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .45s cubic-bezier(.2,.8,.2,1);}
.nl:hover:after{transform:scaleX(1);transform-origin:left;}

/* hero line reveal */
.mask{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em;}
.mask>span{display:block;animation:lineIn 1.1s cubic-bezier(.16,1,.3,1) both;}
.m2>span{animation-delay:.12s;}.m3>span{animation-delay:.24s;}
@keyframes lineIn{from{transform:translateY(105%);}to{transform:none;}}
@keyframes fadeUp{from{opacity:0;transform:translateY(24px);}to{opacity:1;transform:none;}}
.fu{animation:fadeUp 1s cubic-bezier(.16,1,.3,1) both;}
.f1{animation-delay:.45s;}.f2{animation-delay:.6s;}.f3{animation-delay:.75s;}
@keyframes drift{0%,100%{transform:translateY(0);}50%{transform:translateY(-9px);}}
.drift{animation:drift 7s ease-in-out infinite;}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(134,239,172,.55);}100%{box-shadow:0 0 0 12px rgba(134,239,172,0);}}
.ping{animation:ping 2s infinite;}
@keyframes pop{from{opacity:0;transform:translateY(-6px);}to{opacity:1;transform:none;}}
.pop{animation:pop .4s cubic-bezier(.16,1,.3,1) both;}

/* screenshot frames */
.frm{border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 40px 80px rgba(26,11,39,.2),0 0 0 1px rgba(26,11,39,.08);}
.frm img{display:block;width:100%;height:auto;}
.frm-d{box-shadow:0 50px 100px rgba(0,0,0,.55),0 0 0 1px rgba(246,244,250,.14);}
.phone{border-radius:20px;background:#0e0517;padding:5px;box-shadow:0 36px 70px rgba(26,11,39,.35),0 0 0 1px rgba(246,244,250,.18);}
.phone img{display:block;width:100%;height:auto;border-radius:15px;}
.shot{transition:transform .6s cubic-bezier(.16,1,.3,1);}
.shot:hover{transform:translateY(-6px);}
.badge{font-family:'Inter',sans-serif;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;color:#1a0b27;}

/* scroll-driven parallax (progressive) */
@supports (animation-timeline: view()){
  .hx1{animation:hx1 linear both;animation-timeline:view();animation-range:exit 0% exit 100%;}
  .hx2{animation:hx2 linear both;animation-timeline:view();animation-range:exit 0% exit 100%;}
  .hx3{animation:hx3 linear both;animation-timeline:view();animation-range:exit 0% exit 100%;}
  @keyframes hx1{to{transform:translateY(-60px);}}
  @keyframes hx2{to{transform:translateY(-150px);}}
  @keyframes hx3{to{transform:translateY(110px);}}
  .p1{animation:p1 linear both;animation-timeline:view();animation-range:cover 0% cover 100%;}
  .p2{animation:p2 linear both;animation-timeline:view();animation-range:cover 0% cover 100%;}
  .p3{animation:p3 linear both;animation-timeline:view();animation-range:cover 0% cover 100%;}
  @keyframes p1{from{transform:translateY(40px);}to{transform:translateY(-40px);}}
  @keyframes p2{from{transform:translateY(100px);}to{transform:translateY(-80px);}}
  @keyframes p3{from{transform:translateY(-60px);}to{transform:translateY(60px);}}
  .rv{animation:rv linear both;animation-timeline:view();animation-range:entry 5% entry 55%;}
  @keyframes rv{from{opacity:0;transform:translateY(40px);}to{opacity:1;transform:none;}}
  .tx{animation:tx linear both;animation-timeline:view();}
  @keyframes tx{0%{opacity:.14;}30%,100%{opacity:1;}}
}
.frow{transition:padding .4s cubic-bezier(.2,.8,.2,1),color .3s;}
.frow:hover{padding-left:18px;color:#7c3aed;}
.dk .frow:hover{color:#E3CA7C;}
.idx a{display:flex;gap:16px;align-items:baseline;padding:12px 0;border-bottom:1px solid rgba(26,11,39,.14);transition:padding .35s cubic-bezier(.2,.8,.2,1),color .25s;}
.idx a:hover{padding-left:12px;color:#7c3aed;}
.inp{width:100%;background:transparent;border:0;border-bottom:1px solid rgba(246,244,250,.3);color:#f6f4fa;font-size:18px;padding:14px 0;font-family:inherit;outline:none;transition:border-color .3s;min-height:48px;}
.inp::placeholder{color:rgba(246,244,250,.45);}
.inp:focus{border-bottom-color:#E3CA7C;}
.faqb{background:transparent;border:0;font-family:inherit;cursor:pointer;width:100%;text-align:left;}
.chev{transition:transform .45s cubic-bezier(.16,1,.3,1);}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}

@media (max-width:900px){
  .navlinks{display:none!important;}
  .stick{position:static!important;}
}
@media (prefers-reduced-motion:reduce){
  .mask>span,.fu,.drift,.ping,.pop,.st,.gd,.gbg,.hx1,.hx2,.hx3,.p1,.p2,.p3,.rv,.tx{animation:none!important;}
  .st{opacity:.5!important;}
  .cta,.cta .ar,.frow,.idx a,.shot,.chev,.nl:after{transition:none!important;}
}