/**
* @license
*
* Font Family: Panchang
* Designed by: Barbara Bigosinska, Hitesh Malaviya
* URL: https://www.fontshare.com/fonts/panchang
* © 2024 Indian Type Foundry
*
* Panchang Extralight 
* Panchang Light 
* Panchang Regular 
* Panchang Medium 
* Panchang Semibold 
* Panchang Bold 
* Panchang Extrabold 
* Panchang Variable (Variable font)

*
*/@font-face{font-family:Panchang-Light;src:url(/fonts/Panchang-Light.woff2) format("woff2"),url(/fonts/Panchang-Light.woff) format("woff"),url(/fonts/Panchang-Light.ttf) format("truetype");font-weight:300;font-display:swap;font-style:normal}@font-face{font-family:Panchang-Medium;src:url(/fonts/Panchang-Medium.woff2) format("woff2"),url(/fonts/Panchang-Medium.woff) format("woff"),url(/fonts/Panchang-Medium.ttf) format("truetype");font-weight:500;font-display:swap;font-style:normal}:root{--pageX: clamp(1rem, 4vw, 2.5rem);--sectionY: clamp(5rem, 10vh, 9rem);--stackGap: clamp(1.25rem, 2.2vh, 2.2rem);--radiusXL: 28px;--bg: #141018;--text-main: rgba(235, 215, 255, .95);--text-muted: rgba(210, 195, 230, .75);--text-soft: rgba(230, 220, 245, .88)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;min-height:100%;background-color:var(--bg);color:var(--text-muted)}body{font-family:Panchang-Medium;display:block}h1,h2{color:var(--text-main)}h1{font-size:2.3rem}h2{font-family:Panchang-Light;font-size:1rem}p{line-height:1.6}a{color:#fff;text-decoration:none;font-family:Panchang-Light;font-size:1rem}a:hover{color:#ffe7b5}section{position:relative;padding:var(--sectionY) var(--pageX);margin:0 auto;overflow-x:hidden}.visualBox{width:100%;aspect-ratio:3 / 1;border-radius:.5rem;overflow:hidden;position:relative;margin:5rem 0}.caption{max-width:720px;margin-inline:auto;display:flex;flex-direction:column;align-items:center;gap:var(--stackGap);text-align:center;font-size:1.3rem}.statementSection{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.statementVisual{position:absolute;top:15rem;right:0;bottom:15rem;left:0;opacity:.55;pointer-events:none}.statementCaption{position:relative;z-index:2;max-width:720px;margin-inline:auto;text-align:center;gap:1.6rem}.statementCaption h2{font-family:Panchang-Medium;font-size:clamp(3rem,2.6vw,6rem);line-height:1.45;color:var(--text-main)}.statementSub{font-size:.95rem;line-height:1.6;color:var(--text-muted);max-width:600px;margin-inline:auto}.cta-button.primary{position:relative;margin-top:2.5rem;padding:.9rem 2.4rem;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-main);background:#ffffff0f;border:1px solid rgba(200,160,255,.25);border-radius:999px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .35s ease,box-shadow .35s ease,background .35s ease}.cta-button.primary:hover{transform:translateY(-2px);background:#ffffff1a;box-shadow:0 0 0 1px #dcb4ff40,0 18px 50px #a078ff59}@media (max-width: 820px){.caption{font-size:1.1rem}.visualBox{aspect-ratio:4 / 3}}@media (max-width: 640px){section{padding:5rem 1rem}.caption{font-size:1rem}h1{font-size:2rem}.statementSection{min-height:80vh}.statementCaption h2{font-size:1.3rem}.statementSub{font-size:.9rem}}.navigation{position:fixed;top:1.2rem;left:50%;transform:translate(-50%);width:calc(100% - 3rem);max-width:1200px;padding:.75rem 1.25rem;display:flex;justify-content:space-between;align-items:center;z-index:10000;background:#14101873;backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);border-radius:14px;box-shadow:0 10px 30px #00000059,inset 0 1px 1px #ffffff0d}.nav-tagline{font-family:Panchang-Light;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:#c8bee1bf}.navigation img{width:18px;height:18px;opacity:.7;transition:opacity .3s ease,transform .3s ease}.navigation a:hover img{opacity:1;transform:translateY(-1px)}.navLinks{display:flex;gap:1.25rem;align-items:center}@media (max-width: 600px){.nav-tagline{font-size:.7rem}.navigation{top:.75rem;padding:.6rem 1rem}}.hero{margin-top:5rem;position:relative;width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(2.5rem,6vh,4rem);padding:clamp(4rem,14vh,9rem) var(--pageX);overflow:hidden}.hero-visual{position:absolute;height:150vh;width:100vw;z-index:0}.hero-visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,#141018b3,#14101859);pointer-events:none}.hero-content{position:relative;z-index:1;max-width:860px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2.25rem}.intro-title{font-family:Panchang-Light;font-size:clamp(2.1rem,2.6vw,3.2rem);line-height:1.12;letter-spacing:-.02em;text-align:center}.crystal-title{position:relative;display:inline-block;background:linear-gradient(110deg,#ffffffeb,#dccdff8c,#f5f0ffe0);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 14px rgba(200,170,255,.35),0 6px 22px rgba(0,0,0,.45);will-change:transform,opacity,filter;animation:heroReveal 1.6s cubic-bezier(.22,1,.36,1) forwards,heroFloat 26s ease-in-out infinite 1.6s,crystalDrift 32s ease-in-out infinite 1.6s}.crystal-title:after{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,#ffffff59,#c8b4ff26,#ffffff40);-webkit-background-clip:text;background-clip:text;color:transparent;filter:blur(2px);opacity:.55;z-index:-1;animation:ghostDrift 30s ease-in-out infinite 1.8s}.crystal-word{font-weight:400}.intro-subtitle{max-width:560px;font-size:1.05rem;line-height:1.7;color:#e6dcf5e0;margin:0 auto}.hero-steps{display:flex;justify-content:center;gap:clamp(1.5rem,4vw,3rem);margin-top:1rem;width:100%}.hero-step{position:relative;display:flex;flex-direction:column;align-items:center;gap:1.2rem;max-width:320px;padding:1.6rem 1.8rem;text-align:center;background:#ffffff0b;border:1px solid rgba(200,160,255,.18);border-radius:24px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;transform:translateY(10px);opacity:0;animation:stepReveal 1.1s cubic-bezier(.22,1,.36,1) forwards;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease,border-color .45s ease}.hero-step:nth-child(1){animation-delay:.25s}.hero-step:nth-child(2){animation-delay:.55s}.hero-step.is-primary{background:#ffffff12;border-color:#dcbeff59;box-shadow:0 0 0 1px #dcb4ff40,0 25px 60px #a078ff40}.hero-step:after{content:"→";position:absolute;bottom:1.2rem;right:1.4rem;font-size:1.1rem;color:#c8aaff99;opacity:0;transform:translate(-6px);transition:opacity .35s ease,transform .35s ease}.hero-step:hover{transform:translateY(-6px);border-color:#dcbeff73;box-shadow:0 0 0 1px #dcb4ff59,0 30px 80px #a078ff59}.hero-step:hover:after{opacity:1;transform:translate(0)}.step-label{font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:#d2bee699}@keyframes heroReveal{0%{opacity:0;transform:translateY(10px);filter:blur(6px)}60%{opacity:1;transform:translateY(0);filter:blur(.6px)}to{opacity:1;filter:blur(0)}}@keyframes heroFloat{0%{transform:translateY(0)}50%{transform:translateY(-3px)}to{transform:translateY(0)}}@keyframes crystalDrift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes ghostDrift{0%{transform:translateY(0)}50%{transform:translateY(.6px)}to{transform:translateY(0)}}@keyframes stepReveal{to{opacity:1;transform:translateY(0)}}@media (max-width: 720px){.hero-steps{flex-direction:column;align-items:center}.hero-step{width:100%;max-width:420px}}@media (prefers-reduced-motion: reduce){.crystal-title,.crystal-title:after,.hero-step{animation:none;transform:none}}:root{--maxw: 1200px;--gap: 2rem;--cardRadius: 16px;--cardPeek: 64%;--btnSize: 52px}.pricing-carousel{position:relative;max-width:min(var(--maxw),92vw);margin:0 auto;padding-left:var(--pageX);padding-right:var(--pageX)}.carousel-head{max-width:680px;margin:0 auto 1.5rem;padding:0 .75rem}.carousel-title{font-size:clamp(1.3rem,1.1rem + 1vw,1.8rem);margin:0 0 .35rem;letter-spacing:.4px}.carousel-subtitle{font-size:.95rem;opacity:.7;line-height:1.4}.rail{display:flex;column-gap:var(--gap);padding:.5rem .75rem;cursor:grab;-webkit-user-select:none;user-select:none;will-change:transform}.rail:active{cursor:grabbing}.card{flex:0 0 var(--cardPeek);min-width:280px;border-radius:var(--cardRadius);padding:1.4rem 1.4rem 1.2rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);color:#fff;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,opacity .2s ease}.card.is-inactive{opacity:.55}.card.is-active{opacity:1;border-color:#bafff359;box-shadow:0 16px 40px #00000059}.card:is(:hover,:focus-visible){opacity:1;transform:translateY(-2px)}.card-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.6rem}.card-title{font-size:1.15rem;margin:0;color:#57d6c3}.price{font-size:1.1rem;font-weight:600;color:#b5fff4}.card-intent{font-size:.95rem;opacity:.8;margin-bottom:.75rem}.features{margin:0 0 .9rem;padding-left:1.1rem;font-size:.85rem}.features li{margin:.2rem 0;line-height:1.45}.example-link{font-size:.9rem;color:#7dffeb;text-decoration:none;opacity:.85}.example-link:hover{opacity:1;text-decoration:underline}.controls{display:grid;grid-template-columns:var(--btnSize) 1fr var(--btnSize);align-items:center;gap:.75rem;padding:1.25rem .75rem 0}.nav-btn{width:var(--btnSize);height:var(--btnSize);border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);color:#e7fffb;display:grid;place-items:center;font-size:1.4rem;transition:transform .16s ease,box-shadow .16s ease}.nav-btn:not(:disabled):hover{transform:scale(1.06);box-shadow:0 0 0 6px #b5fff41f}.nav-btn:disabled{opacity:.35}.dots{display:flex;justify-content:center;gap:8px}.dot{width:8px;height:8px;border-radius:999px;border:1px solid rgba(255,255,255,.5);background:transparent}.dot.is-active{background:#b5fff4;border-color:#b5fff4;transform:scale(1.25)}@media (max-width: 768px){:root{--gap: 1.25rem;--cardPeek: 70%;--btnSize: 44px}.carousel-head{padding:0 .5rem}.carousel-title{font-size:1.2rem}.card{padding:1.2rem 1.1rem 1rem}}@media (max-width: 480px){.card{min-width:calc(100vw - 2rem)}}@media (max-width: 420px){.controls{grid-template-columns:1fr;row-gap:.75rem;justify-items:center}}.designStudio{min-height:100vh;padding:clamp(6rem,15vh,10rem) var(--pageX);color:#f0ebffeb;text-align:center}.designStudio-inner{max-width:880px;margin:0 auto}.designStudio-intro{font-family:Panchang-Light;font-size:clamp(1.4rem,2.2vw,2rem);line-height:1.4;letter-spacing:-.015em;margin-bottom:2rem}.designStudio-sub{max-width:560px;font-size:1rem;line-height:1.7;color:#d2c8e6bf;margin-bottom:4.5rem}.designStudio-steps{display:flex;flex-direction:column;gap:1.6rem}.studioStep{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:1.8rem;row-gap:.3rem;padding:1.8rem 2.2rem;border-radius:18px;background:#ffffff08;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-decoration:none;color:inherit;transition:background .4s ease,transform .4s ease,box-shadow .4s ease}.studioStep:hover{background:#ffffff0f;transform:translateY(-2px);box-shadow:0 12px 40px #00000059,inset 0 0 0 1px #ffffff14}.stepIndex{grid-row:1 / span 2;font-size:.75rem;letter-spacing:.18em;color:#c8b4ff8c;align-self:center}.stepLabel{font-family:Panchang-Light;font-size:1.15rem;letter-spacing:-.01em}.stepHint{font-size:.85rem;color:#c8bedca6}.colorCarousel{height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(2rem,6vh,4rem) 0;overflow:hidden}.colorCarousel-head{display:flex;flex-direction:column;align-items:center;justify-content:space-between;margin-bottom:1.2rem;padding:0 .5rem}.colorCarousel-title{font-family:Panchang-Light;font-size:1.4rem;letter-spacing:-.015em;margin:0}.colorCarousel .drag-hint{font-size:.85rem;opacity:.6}.colorCarousel-rail{display:flex;gap:2rem;align-items:center;height:380px;padding:0;will-change:transform}.colorCarousel .card{height:360px;width:380px;min-width:380px;max-width:380px;background:#ffffff06;border-radius:20px;padding:1.6rem;display:flex;flex-direction:column;justify-content:space-between;transition:background .4s ease,transform .4s ease,box-shadow .4s ease}.colorCarousel .card.is-active{background:#ffffff0f;transform:translateY(-4px);box-shadow:0 20px 60px #00000080,inset 0 0 0 1px #ffffff14}.colorCarousel .card-title{font-family:Panchang-Light;font-size:1.05rem;letter-spacing:-.01em;color:#f0ebffe6;margin-bottom:1rem}.colorCarousel .swatches{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin-bottom:1.4rem}.colorCarousel .swatch{height:64px;border-radius:10px;box-shadow:inset 0 0 0 1px #ffffff26,0 6px 18px #00000040;transition:transform .35s ease,box-shadow .35s ease}.colorCarousel .card:hover .swatch{transform:translateY(-2px)}.colorCarousel .card.is-active .swatch{box-shadow:inset 0 0 0 1px #ffffff40,0 10px 28px #00000073}.colorCarousel .features{list-style:none;margin:0;padding:0;font-size:.85rem;line-height:1.6;color:#d2c8e6b3;max-height:140px;overflow-y:auto;padding-right:.5rem}.colorCarousel .features li{display:flex;justify-content:space-between;gap:1rem;padding:.25rem 0}.colorCarousel .features strong{font-weight:500;color:#f0ebffd9}.colorCarousel .features span{font-family:monospace;font-size:.8rem;opacity:.7}.colorCarousel .features::-webkit-scrollbar{width:4px}.colorCarousel .features::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.colorCarousel-controls{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:.5rem;margin-top:1.4rem;padding:0 .5rem}.colorCarousel .nav-btn{height:40px;width:40px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:#f0ebffe6;font-size:1.2rem;display:grid;place-items:center;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.colorCarousel .nav-btn:hover{transform:scale(1.06);border-color:#ffffff40;box-shadow:0 0 0 6px #b5fff41f}.colorCarousel .dots{display:flex;justify-content:center;gap:8px}.colorCarousel .dot{width:8px;height:8px;border-radius:999px;border:1px solid rgba(255,255,255,.5);background:transparent;transition:transform .16s ease,background-color .16s ease,border-color .16s ease}.colorCarousel .dot.is-active{background:#b5fff4;border-color:#b5fff4;transform:scale(1.25)}