.astra{--a-ink:#08060d;--a-surface:#0c0a12;--a-surface-2:#121016;--a-hairline:#ffffff14;--a-violet:#c9a7ff;--a-violet-soft:#dcc7ff;--a-violet-deep:#5b21b6;--a-on-violet:#1b0b33;--a-text:#f3f0f7;--a-muted:#9d97a8;--a-border:#ffffff17;--a-ease:cubic-bezier(.16, 1, .3, 1);--a-pad:clamp(1.25rem, 4vw, 3rem);--a-font:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", var(--font-dm-sans), ui-sans-serif, system-ui, sans-serif;font-family:var(--a-font);background:var(--a-ink);color:var(--a-text);-webkit-font-smoothing:antialiased}.astra ::selection{background:var(--a-violet);color:var(--a-on-violet)}.astra .mesh-hero{background-color:#0e0918;background-image:radial-gradient(35% 31% at 25% 92%,#00020c 0%,#000513cc 30%,#000e1659 58%,#00131800 80%),radial-gradient(26% 32% at 2% 68%,#3a1e62f7 0%,#301850c1 14%,#24133d88 28%,#180c2954 44%,#0e071728 60%,#07030b0c 76%,#0000 90%),radial-gradient(111% 109% at 100% 88%,#8b47e8fa 0%,#723abec3 14%,#572c918a 28%,#3a1e6255 44%,#21113828 60%,#11091c0c 76%,#0000 90%),radial-gradient(128% 218% at 86% 55%,#592d94de 0%,#492579ad 14%,#371c5b7a 28%,#25133e4b 44%,#150b2323 60%,#0b05120b 76%,#0000 90%),linear-gradient(#0d081e 0%,#0e0918 100%)}.astra .mesh-panel{background-color:#0d081e;background-image:radial-gradient(35% 31% at 25% 8%,#00020c 0%,#000513cc 30%,#000e1659 58%,#00131800 80%),radial-gradient(26% 32% at 2% 32%,#3a1e62f7 0%,#301850c1 14%,#24133d88 28%,#180c2954 44%,#0e071728 60%,#07030b0c 76%,#0000 90%),radial-gradient(111% 109% at 100% 12%,#8b47e8fa 0%,#723abec3 14%,#572c918a 28%,#3a1e6255 44%,#21113828 60%,#11091c0c 76%,#0000 90%),radial-gradient(128% 218% at 86% 45%,#592d94de 0%,#492579ad 14%,#371c5b7a 28%,#25133e4b 44%,#150b2323 60%,#0b05120b 76%,#0000 90%),linear-gradient(#0e0918 0%,#0d081e 100%)}.astra .mesh-section{background-image:radial-gradient(58% 80% at 57% 2%,#371c5bf2 0%,#26133f9e 26%,#140a214d 48%,#0a070e00 72%),radial-gradient(32% 46% at 15% 4%,#04091a99 0%,#0a070e00 74%)}.astra .mesh-pricing{background-image:radial-gradient(62% 52% at 78% 62%,#552b8eeb 0%,#381d5e99 26%,#1d0f304d 48%,#0a070e00 74%),radial-gradient(30% 34% at 2% 54%,#24133d99 0%,#0a070e00 76%)}.astra .grain:after{content:"";pointer-events:none;opacity:.35;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");position:absolute;inset:0}.astra .grid-lines{background-image:linear-gradient(90deg,#c4aaff1a 1px,#0000 1px),linear-gradient(#c4aaff1a 1px,#0000 1px);background-size:88px 88px}.astra .text-gradient-violet{background:linear-gradient(90deg,#a78bfa 0%,#c9a7ff 45%,#f4f0ff 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.astra .hairline{border:1px solid #ffffff14}.astra .glow-violet{box-shadow:0 0 0 1px #c9a7ff59,0 0 24px -4px #c9a7ff73,inset 0 1px #ffffff24}.astra .fade-edges{-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}@keyframes a-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes a-orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes a-orbit-reverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes a-sheet{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px)}}@keyframes a-sheet-item{0%{opacity:0;filter:blur(6px);transform:translateY(16px)}to{opacity:1;filter:blur();transform:none}}@keyframes a-fade-in{0%{opacity:0}to{opacity:1}}@keyframes a-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.astra .animate-marquee{animation:38s linear infinite a-marquee}.astra .animate-orbit{animation:26s linear infinite a-orbit}.astra .animate-orbit-reverse{animation:26s linear infinite a-orbit-reverse}.astra .animate-sheet{animation:.4s cubic-bezier(.22,1,.36,1) both a-sheet}.astra .animate-sheet-item{animation:.55s cubic-bezier(.22,1,.36,1) both a-sheet-item}.astra .clipstage{--stage-h:clamp(560px, 58vw, 720px);min-height:var(--stage-h);isolation:isolate;align-items:center;display:flex;position:relative;overflow:hidden}.astra .clipstage__bg{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.astra .clipstage__orb{filter:blur(70px);will-change:transform;border-radius:50%;position:absolute}.astra .clipstage__orb--1{width:46vw;height:46vw;animation:a-orbA 22s var(--a-ease) infinite alternate;background:radial-gradient(circle,#c9a7ff57 0%,#0000 68%);top:-18vw;right:-6vw}.astra .clipstage__orb--2{width:38vw;height:38vw;animation:a-orbB 28s var(--a-ease) infinite alternate;background:radial-gradient(circle,#8b47e84d 0%,#0000 70%);bottom:-20vw;right:24vw}.astra .clipstage__orb--3{width:30vw;height:30vw;animation:a-orbA 34s var(--a-ease) infinite alternate-reverse;background:radial-gradient(circle,#f3f0f712 0%,#0000 70%);top:10%;left:18vw}@keyframes a-orbA{0%{transform:translate(0,0)scale(1)}to{transform:translate(-5%,6%)scale(1.14)}}@keyframes a-orbB{0%{transform:translate(0,0)scale(1.08)}to{transform:translate(6%,-7%)scale(.94)}}.astra .clipstage__reel{gap:clamp(.9rem,1.4vw,1.6rem);height:190%;display:flex;position:absolute;top:50%;right:clamp(2rem,7vw,8rem);transform:translateY(-50%)rotate(-8deg)}.astra .clipstage__strip{width:clamp(120px,12vw,190px);overflow:hidden}.astra .clipstage__track{will-change:transform;flex-direction:column;gap:clamp(.9rem,1.4vw,1.6rem);display:flex}.astra .clipstage__strip--up .clipstage__track{animation:34s linear infinite a-reelUp}.astra .clipstage__strip--down .clipstage__track{animation:42s linear infinite reverse a-reelUp}@keyframes a-reelUp{0%{transform:translate(0,0)}to{transform:translateY(-50%)}}.astra .clipstage__card{aspect-ratio:9/16;border:1px solid var(--a-border);background:linear-gradient(160deg,#f3f0f717,#f3f0f705);border-radius:1.1rem;flex-direction:column;flex:none;justify-content:flex-end;gap:.4rem;padding:.9rem;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 40px -22px #000000e6}.astra .clipstage__card.is-accent{background:linear-gradient(160deg,#c9a7ffc7,#c9a7ff38);border-color:#c9a7ff73}.astra .clipstage__cardTag{letter-spacing:.1em;text-transform:uppercase;color:var(--a-text);opacity:.75;direction:ltr;font-size:.55rem;font-weight:700;position:absolute;top:.7rem;left:.7rem}.astra .clipstage__card.is-accent .clipstage__cardTag{color:var(--a-on-violet);opacity:.9}.astra .clipstage__cardBar{background:#f3f0f738;border-radius:100px;height:.4rem}.astra .clipstage__cardBar--short{width:55%}.astra .clipstage__card.is-accent .clipstage__cardBar{background:#1b0b3359}.astra .clipstage__words{letter-spacing:-.04em;color:#c9a7ffd1;text-shadow:0 8px 40px #0009;width:8em;height:1.2em;font-size:clamp(2.6rem,5vw,5rem);font-weight:500;line-height:1.2;position:absolute;top:46%;left:47%;transform:translateY(-50%)}.astra .clipstage__words span{opacity:0;animation:a-wordCycle 12s var(--a-ease) infinite;will-change:opacity, transform;position:absolute;inset:0}@keyframes a-wordCycle{0%{opacity:0;transform:translateY(.35em)scale(.96)}6%{opacity:.9;transform:translateY(0)scale(1)}22%{opacity:.9;transform:translateY(0)scale(1)}30%{opacity:0;transform:translateY(-.3em)scale(1.02)}to{opacity:0;transform:translateY(-.3em)scale(1.02)}}.astra .clipstage__sweep{width:38%;animation:a-clipSweep 9s var(--a-ease) infinite;background:linear-gradient(90deg,#0000,#f3f0f70d,#0000);position:absolute;top:0;bottom:0}@keyframes a-clipSweep{0%{opacity:0;left:-40%}25%{opacity:1}70%{opacity:0}to{opacity:0;left:110%}}.astra .clipstage__scrim{z-index:1;pointer-events:none;background:linear-gradient(90deg,#08060df5 0%,#08060de6 34%,#08060d80 58%,#08060d1f 100%),radial-gradient(120% 90% at 8%,#c9a7ff1f 0%,#0000 55%);position:absolute;inset:0}.astra .clipstage__grid{z-index:1;pointer-events:none;opacity:.5;background-image:linear-gradient(#f3f0f70b 1px,#0000 1px),linear-gradient(90deg,#f3f0f70b 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000 0%,#0000 55%);mask-image:linear-gradient(90deg,#000 0%,#0000 55%)}.astra .clipstage__live i{background:var(--a-violet);border-radius:50%;flex:none;width:6px;height:6px;animation:2s ease-out infinite a-clipPulse;box-shadow:0 0 #c9a7ff99}@keyframes a-clipPulse{0%{box-shadow:0 0 #c9a7ff8c}70%{box-shadow:0 0 0 8px #0000}to{box-shadow:0 0 #0000}}@media (max-width:860px){.astra .clipstage__reel{opacity:.45;right:-14vw}.astra .clipstage__words{font-size:clamp(2rem,9vw,3rem);left:52%}}@media (prefers-reduced-motion:reduce){.astra .clipstage__orb,.astra .clipstage__track,.astra .clipstage__sweep,.astra .clipstage__live i{animation:none}.astra .clipstage__words span{opacity:0;animation:none}.astra .clipstage__words span:first-child{opacity:.9}}.astra .ringcat{justify-content:center;display:flex}.astra .imgring{--r:clamp(200px, 25vw, 310px);--csize:clamp(92px, 9vw, 118px);width:calc(var(--r) * 2 + var(--csize) * 1.9);aspect-ratio:1;position:relative}.astra .imgring__orbit{transition:transform 1.2s var(--a-ease);position:absolute;inset:0}.astra .imgring:hover .imgring__orbit{transform:rotate(6deg)}.astra .imgring__card{width:var(--csize);height:var(--csize);margin:calc(var(--csize) / -2) 0 0 calc(var(--csize) / -2);cursor:pointer;transform:rotate(var(--a)) translate(0);opacity:0;transition:transform .85s var(--a-ease) var(--d,0s), opacity .6s ease var(--d,0s);z-index:2;background:0 0;border:0;padding:0;position:absolute;top:50%;left:50%}.astra .imgring.is-in .imgring__card{transform:rotate(var(--a)) translate(var(--r));opacity:1}.astra .imgring__card:hover,.astra .imgring__card:focus-visible{z-index:5;outline:none}.astra .imgring__tile{width:100%;height:100%;transform:rotate(calc(var(--a) * -.85 + var(--tilt))) scale(.55);transition:transform .4s var(--a-ease) var(--d,0s), box-shadow .4s var(--a-ease);border:1px solid #ffffff14;border-radius:18px;display:block;overflow:hidden}.astra .imgring.is-in .imgring__tile{transform:rotate(calc(var(--a) * -.85 + var(--tilt))) scale(1)}.astra .imgring.is-in .imgring__card:hover .imgring__tile,.astra .imgring.is-in .imgring__card:focus-visible .imgring__tile{transform:rotate(calc(var(--a) * -1)) translateY(-10px) scale(1.12);transition-delay:0s;box-shadow:0 26px 54px -18px #000000e6,0 0 0 1px #c9a7ff59}.astra .imgring__tile img{object-fit:cover;width:100%;height:100%;display:block}.astra .imgring__center{width:calc(var(--r) * 1.45);text-align:center;z-index:1;pointer-events:none;flex-direction:column;align-items:center;max-width:420px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.astra .imgring__center>*{pointer-events:auto}.astra .ringmodal{z-index:200;padding:var(--a-pad);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050409d6;place-items:center;animation:.25s both a-fade-in;display:grid;position:fixed;inset:0}.astra .ringmodal__panel{background:var(--a-surface);border:1px solid var(--a-border);width:min(880px,100%);max-height:88dvh;animation:a-fade-up .4s var(--a-ease) both;border-radius:24px;grid-template-columns:1.05fr .95fr;display:grid;position:relative;overflow:hidden;box-shadow:0 40px 90px -30px #000000e6}.astra .ringmodal__media{background:var(--a-ink);min-height:300px}.astra .ringmodal__media img{object-fit:cover;width:100%;height:100%;max-height:70dvh;display:block}.astra .ringmodal__close{top:.9rem;z-index:2;width:38px;height:38px;color:var(--a-text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#08060db3;border:1px solid #ffffff29;border-radius:50%;place-items:center;transition:background .2s;display:grid;position:absolute;inset-inline-end:.9rem}.astra .ringmodal__close:hover{background:#08060df2}.astra .ringmodal__close svg{width:17px;height:17px}@media (max-width:720px){.astra .ringcat{display:block}.astra .imgring{--csize:156px;aspect-ratio:auto;flex-direction:column;gap:2rem;width:auto;display:flex}.astra .imgring__center{order:-1;width:auto;max-width:none;position:static;transform:none}.astra .imgring__orbit{scroll-snap-type:x mandatory;padding:.25rem var(--a-pad) 1.25rem;margin-inline:calc(var(--a-pad) * -1);scroll-padding-inline:var(--a-pad);scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:.85rem;display:flex;position:static;inset:auto;overflow-x:auto}.astra .imgring__orbit::-webkit-scrollbar{display:none}.astra .imgring:hover .imgring__orbit{transform:none}.astra .imgring__card{scroll-snap-align:start;opacity:0;transition:opacity .5s ease var(--d,0s);flex:none;margin:0;position:static;transform:none}.astra .imgring.is-in .imgring__card{opacity:1;transform:none}.astra .imgring__tile,.astra .imgring.is-in .imgring__tile,.astra .imgring.is-in .imgring__card:hover .imgring__tile,.astra .imgring.is-in .imgring__card:focus-visible .imgring__tile{border-radius:16px;transform:none}.astra .ringmodal__panel{grid-template-columns:1fr;overflow-y:auto}.astra .ringmodal__media img{max-height:40dvh}}@media (prefers-reduced-motion:reduce){.astra .imgring__card,.astra .imgring__tile,.astra .imgring__orbit{transition-duration:.01ms}.astra .imgring:hover .imgring__orbit{transform:none}.astra .imgring.is-in .imgring__card:hover .imgring__tile,.astra .imgring.is-in .imgring__card:focus-visible .imgring__tile{transform:rotate(calc(var(--a) * -1)) scale(1.04)}.astra .animate-marquee,.astra .animate-orbit,.astra .animate-orbit-reverse{animation:none}}
