/**
* @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}*{margin:0;padding:0;box-sizing:border-box;font-family:Panchang-Medium}h1{font-family:Panchang-Medium;font-size:2.3rem;color:#56d2c0}h2{font-family:Panchang-Light;font-size:1rem}a{color:#fff;text-decoration:none;font-family:Panchang-Light;font-size:1rem}a:hover{color:#ffe7b5}ul li{margin:.5rem;text-decoration:none;list-style-type:circle;font-family:Panchang-Light;text-align:left}html,body{margin:0;padding:0;width:100%;min-height:100%;background:#141018;color:#978f9e;overflow-x:clip}#root{width:100%;min-height:100vh}.section-clip{position:relative;overflow-x:hidden}.intro{margin:0 auto;padding:0}section{display:flex;flex-direction:column;align-items:center;padding:var(--sectionY) var(--pageX);margin:0 auto;gap:1.5rem;width:100%}.myProjectsSection{border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:2rem;margin:2rem auto;max-width:600px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.myProjectsSection h2{font-size:1.4rem;color:#b5fff4;margin-bottom:1rem;font-weight:400}.myProjectsSection ul{list-style:none;padding:0;margin:0}.myProjectsSection li{margin:.5rem 0}.myProjectsSection a{color:#d2c1ff;text-decoration:none;font-weight:300;font-size:1.1rem;transition:color .3s ease,text-shadow .3s ease}.myProjectsSection a:hover{color:#fff;text-shadow:0 0 8px #b794f4}.visualBox{width:100%;aspect-ratio:3 / 1;border-radius:.5rem;overflow:hidden;position:relative;margin:5rem 0}.visualBox1{width:100%;aspect-ratio:2 / 1;position:absolute;z-index:-1;margin:20rem 0}.caption{text-align:center;font-size:1.3rem;line-height:1.5;padding:.5rem;display:flex;flex-direction:column;align-items:center;gap:var(--stackGap)}.statementVisual{position:absolute;top:0;right:0;bottom:0;left:0;aspect-ratio:auto;margin:0;border-radius:0;pointer-events:none}.statementCaption{position:relative;z-index:2;max-width:720px;text-align:center;gap:1.6rem}.statementCaption h2{font-family:Panchang-Light;font-size:clamp(1.4rem,2.6vw,2.1rem);line-height:1.45;color:#ebd7fff2}.statementSub{font-size:.95rem;line-height:1.6;color:#d2c3e6bf;max-width:600px;margin-inline:auto}.cta-button.primary{margin:0;padding:.9rem 2.4rem;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:#ebd7fff2;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}.statementSection{position:relative;min-height:clamp(600px,95vh,1100px);display:grid;place-items:end center;padding:clamp(6rem,12vh,10rem) var(--pageX);overflow:hidden}.statementBg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.statementBg canvas{width:100%!important;height:100%!important;display:block}.statementContent h2{font-family:Panchang-Light;font-size:clamp(1.7rem,2.8vw,2.6rem);line-height:1.32;letter-spacing:-.02em;color:#f0e6fff5;text-shadow:0 0 24px rgba(180,150,255,.15),0 6px 40px rgba(0,0,0,.6)}.statementSection:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 700px 500px at center 60%,#8c78ff2e,#141018d9 60%);z-index:1;pointer-events:none}.statementBg{animation:slowDrift 26s ease-in-out infinite alternate}.statementSection:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,transparent 40%,rgba(20,16,24,.6) 100%);pointer-events:none;z-index:2}@keyframes slowDrift{0%{transform:translateY(-10px)}to{transform:translateY(10px)}}@media (max-width: 1024px){.hero-visual{height:120vh}.hero-content{max-width:640px;gap:1.5rem}section{padding:clamp(4rem,8vh,6rem) 1.2rem}.statementSection{min-height:80vh}.pricing-section{width:100%}}@media screen and (max-width: 820px){section{max-width:700px}}@media (max-width: 640px){section{max-width:400px;padding:5rem 1rem;gap:1rem}.caption{font-size:1rem;padding-top:3rem}.visualBox{aspect-ratio:4 / 3}body{padding:.5rem}h1{font-size:2rem}}@media (max-width: 768px){.hero-visual{height:90vh}.heroWrap{min-height:85vh}.hero-content{padding-top:5rem;gap:1.2rem}.intro-subtitle{font-size:.95rem;line-height:1.55}.intro-meta{font-size:.65rem}h1{font-size:1.8rem}.crystal-title{margin:5rem auto}.statementSection{min-height:70vh;padding:4rem 1.2rem}.statementCaption h2{font-size:1.25rem;line-height:1.45}.statementSub{font-size:.9rem}.quiz-section{padding-top:3rem}.quiz-background{opacity:.45}.visualBox{aspect-ratio:1 / 1;margin:3rem 0}section{gap:1rem}}@media (max-width: 640px){.statementSection{min-height:80vh}.statementCaption h2{font-size:1.3rem}.statementSub{font-size:.9rem}}@media (max-width: 480px){.hero-content{padding-top:4rem}.intro-subtitle{font-size:.9rem}.statementCaption h2{font-size:1.1rem}.visualBox{aspect-ratio:4 / 5}section{padding:3rem 1rem}}.quiz{margin:5rem 0;display:grid;grid-template-columns:1fr minmax(0,720px) 1fr}.quiz>*{grid-column:2}.quiz-section{position:relative;min-height:100vh;overflow:hidden}.quiz-background{position:absolute;top:0;left:0;width:100%;height:100vh;pointer-events:none;overflow:hidden}.quiz-foreground{position:relative;z-index:2}.question-wrapper{max-width:720px;margin:0 auto;padding:0 1rem}.quiz-prompt{font-family:Panchang-Light;font-size:clamp(1.6rem,2.2vw,2.2rem);line-height:1.3;text-align:center;letter-spacing:-.015em;color:#f0e6fff2}.quizChoice{position:relative;width:100%;margin:3rem 0;display:flex;justify-content:center;align-items:center}.choice-card{cursor:pointer;height:150px;width:200px;max-width:100%;padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:1.2rem;background:linear-gradient(135deg,#ffffff14,#b48cff0d);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid rgba(255,255,255,.18);transition:transform .4s ease,box-shadow .4s ease,background .4s ease}.choice-card:hover{transform:translateY(-4px);background:linear-gradient(135deg,#ffffff1f,#c8a0ff14);box-shadow:inset 0 0 1px #fffc,0 18px 44px #a078ff38}.choice-image{width:100%;height:10rem;object-fit:cover;border-radius:.5rem;margin-bottom:.5rem}.choice-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:1.2rem .8rem;pointer-events:none}.choice-label{color:#ebd2fff2;font-family:Panchang-Light;font-size:.95rem;font-weight:400;letter-spacing:.02em;text-align:center;margin-bottom:.35rem;text-shadow:0 0 12px rgba(180,140,240,.35),0 1px 2px rgba(0,0,0,.45)}.choice-caption{font-size:.72rem;line-height:1.4;text-align:center;color:#d2bee6b3;max-width:90%;opacity:.45;transition:opacity .35s ease}.choice-card:hover .choice-caption{opacity:.9;text-shadow:0 0 18px rgba(200,160,255,.55),0 1px 2px rgba(0,0,0,.5)}.canvas-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;-webkit-mask-image:radial-gradient(circle at center,#000 40%,#0009 65%,#0000);mask-image:radial-gradient(circle at center,#000 40%,#0009 65%,#0000);opacity:.6}.choice-overlay{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;z-index:10;max-width:860px;margin:0 auto}.progress-container{max-width:420px;margin:1rem auto .5rem;text-align:center}.progress-text{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#c8b4dcb3;margin-bottom:.6rem}.progress-track{position:relative;height:2px;background:#ffffff14;overflow:hidden;border-radius:2px}.progress-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#c8a0ff99,#a0dcffcc);transform-origin:left;transition:transform .45s ease;box-shadow:0 0 8px #b4a0ff80}.quiz-summary h2{font-size:1.5rem;font-weight:700;margin-bottom:1rem;text-align:center}.quiz-summary ul{text-align:left;list-style:none;padding:0}.quiz-summary ul li{margin-bottom:1rem}.back-button,.next-button{background:transparent;border:none;padding:.4rem 0;font-family:Panchang-Light;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:#dcc8ffa6;cursor:pointer;position:relative;transition:color .35s ease}.back-button:after,.next-button:after{content:"";position:absolute;left:0;bottom:-6px;width:0%;height:1px;background:linear-gradient(90deg,#c8a0ffcc,#a0dcffcc);transition:width .45s ease}.back-button:hover,.next-button:hover{color:#f5ebfff2}.back-button:hover:after,.next-button:hover:after{width:100%}.next-button:disabled{opacity:.35;pointer-events:none}.quiz-buttons{display:flex;justify-content:space-between;margin-top:1rem;flex-wrap:wrap;gap:1rem}.text-input-group input.text-input{width:100%;padding:.8rem 0;background:transparent;border:none;border-bottom:1px solid rgba(200,180,220,.35);border-radius:0;font-size:1.05rem;color:#ebd7fff2;outline:none;transition:border-color .35s ease,box-shadow .35s ease}.text-input-group input.text-input::placeholder{color:#c8b4dc59}.text-input-group input.text-input:focus{border-bottom-color:#c8a0ffe6;box-shadow:0 10px 40px #a078ff26}.submit-button{margin-top:3rem;padding:1rem 2rem;width:auto;max-width:none;background:#ffffff0f;border-radius:1rem;border:1px solid rgba(200,160,255,.18);font-family:Panchang-Light;font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;color:#ebd7fff2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;transition:background .4s ease,box-shadow .4s ease,transform .3s ease}.submit-button:hover{background:#ffffff1a;box-shadow:0 0 0 1px #dcb4ff40,0 20px 50px #a078ff40;transform:translateY(-2px)}.quiz-summary{max-width:780px;margin:0 auto;padding:3rem 1.5rem 4rem;text-align:center}.summary-title{font-family:Panchang-Light;font-size:clamp(1.8rem,3vw,2.4rem);color:#ebd7fff2;margin-bottom:2.5rem;text-shadow:0 0 24px rgba(180,140,240,.35)}.tier-card{display:inline-block;padding:1.6rem 2.4rem;border-radius:1.2rem;margin-bottom:2.5rem;background:#ffffff0a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 0 1px #c8a0ff26,0 20px 60px #00000073}.tier-eyebrow{font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:#c8b4dc99;margin-bottom:.4rem}.tier-name{font-family:Panchang-Light;font-size:1.3rem;color:#ebd2fff2}.client-summary{max-width:620px;margin:0 auto 3rem;font-size:1rem;line-height:1.7;color:#d2c3e6d9}.answers-details{margin:2rem auto 3rem;max-width:620px;text-align:left}.answers-details summary{cursor:pointer;font-size:.85rem;color:#c8b4dcbf;margin-bottom:1.2rem}.answers-list{list-style:none;padding:0}.answer-item{margin-bottom:1.4rem}.answer-question{font-size:.75rem;color:#c8b4dc8c;margin-bottom:.2rem}.answer-value{font-size:.95rem;color:#e6d7ffe6}@media (max-width: 640px){.quiz{margin:2rem 0;padding:0 .5rem}.quizChoice{flex-direction:column;gap:1rem}.choice-card{width:100%;max-width:280px}.choice-image{height:6rem}.choice-label{font-size:.9rem}.quiz-buttons{flex-direction:column;align-items:center}.submit-button{width:100%;max-width:none}}.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}}.heroWrap{position:relative;min-height:100vh;overflow:hidden}.hero-visual{position:absolute;height:150vh;width:100%;z-index:0;overflow-x:hidden}.hero-visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,#141018b3,#1410184d);pointer-events:none}.hero-content{position:relative;z-index:1;max-width:820px;text-align:center;display:flex;flex-direction:column;gap:2rem}.intro{max-width:800px;margin:0 auto 5rem;padding:4rem 1.5rem 0;text-align:center}.intro-title{font-family:Panchang-Light;font-size:clamp(2rem,2.3vw,3rem);line-height:1.15;letter-spacing:-.015em;text-align:center}.intro-subtitle{margin:0 auto 1.8rem;font-size:1.05rem;line-height:1.7;max-width:520px;color:#e6dcf5e0}.intro-meta{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;text-align:center;color:#d2bee680}.crystal-title{font-family:Panchang-Light;font-size:clamp(2rem,2.3vw,3rem);line-height:1.15;letter-spacing:-.025em;text-align:center;margin:clamp(8rem,15vh,12rem) auto;background:linear-gradient(110deg,#ffffffeb,#dccdff8c,#f5f0ffe0);-webkit-background-clip:text;background-clip:text;text-shadow:0 0 14px rgba(200,170,255,.35),0 6px 22px rgba(0,0,0,.45);position:relative;display:inline-block;background-size:200% 200%;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;will-change:transform,opacity,filter}.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:.6;z-index:-1;animation:ghostDrift 30s ease-in-out infinite 1.8s}@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(.5px)}to{transform:translateY(0)}}@keyframes heroReveal{0%{opacity:0;transform:translateY(8px);filter:blur(6px)}60%{opacity:1;transform:translateY(0);filter:blur(.5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@media (prefers-reduced-motion: reduce){.crystal-title,.crystal-title:after{animation: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)}