/* Sparkle Aspire public theme, based on the approved black/purple design handoff.
   The planet is CSS artwork; the reference screenshots are not page backgrounds. */
:root{color-scheme:dark;--sa-bg:#07060e;--sa-surface:#100d1c;--sa-raised:#181226;--sa-border:#352747;--sa-text:#f7f4fc;--sa-secondary:#c0b6d4;--sa-muted:#a89bbd;--sa-purple:#7c3aed;--sa-light:#c4a4ff;--sa-focus:#dfcaff;--sa-glow:0 0 24px rgb(124 58 237 / .22)}
html{background:var(--sa-bg)}
body{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(ellipse at 80% 4%,#261044 0,transparent 32%),radial-gradient(ellipse at 12% 55%,#140c2e 0,transparent 32%),var(--sa-bg);color:var(--sa-text);overflow-x:clip}
body:before{content:"";position:absolute;inset:0 0 auto;height:780px;pointer-events:none;opacity:.32;background-image:radial-gradient(#c4a4ff 1px,transparent 1px),radial-gradient(#ae81ff 1px,transparent 1px);background-size:77px 83px,131px 121px;background-position:18px 26px,54px 72px;mask-image:linear-gradient(#000,transparent)}
.wrap{width:min(1240px,calc(100% - 64px))}
.topbar{height:77px;position:relative;z-index:4;margin-top:16px;padding-inline:24px;border:1px solid #574379;border-radius:15px;background:rgb(13 10 24 / .88);box-shadow:0 10px 30px rgb(0 0 0 / .2);backdrop-filter:blur(14px)}
.brand{font-size:22px;letter-spacing:-.06em;font-weight:750;white-space:nowrap}
.brand strong{color:#b869ff;font-weight:inherit}
.brand-mark{width:36px;height:36px;background:transparent;color:#b56bff;font-size:36px;line-height:1;text-shadow:0 0 16px #9b46ff;border-radius:0}
.topbar nav{font-size:13px;gap:27px}
.topbar nav a:not(.nav-cta){color:#ded6ee}
.topbar nav a:hover,.text-link:hover,.card-link:hover{color:#d9a8ff}
.nav-cta{border-color:#6d3fba;border-radius:9px;background:linear-gradient(130deg,#6b25d8,#873afa);color:#fff;padding:12px 18px;box-shadow:var(--sa-glow)}
.nav-cta:hover{background:#973fff}
.hero{position:relative;grid-template-columns:.95fr 1.05fr;min-height:570px;padding-top:28px;padding-bottom:70px;gap:10px}
.hero-copy{position:relative;z-index:2;padding:24px 0 0}
.eyebrow{color:#bd87fb;letter-spacing:.17em;font-size:10px;font-weight:650}
.pulse{background:#a659f5;box-shadow:0 0 0 4px #492365,0 0 13px #9c45ec}
h1,h2,h3{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.045em}
h1{font-size:clamp(54px,6vw,82px);line-height:1.03;font-weight:720;margin-bottom:22px}
h1 em,h2 em{font-family:inherit;font-style:normal;font-weight:inherit;letter-spacing:inherit;color:#c073ff}
.lede{color:#d3cbe2;line-height:1.65;max-width:560px}
.button{border-radius:9px;padding:15px 21px;font-weight:700;min-height:45px}
.button-dark,.button-light{background:linear-gradient(120deg,#6d28d9,#963df7);color:#fff;box-shadow:var(--sa-glow)}
.button-dark:hover,.button-light:hover{background:#9843fa}
.text-link{color:#e3d2f6}
.microcopy{color:#ad9fbe;font-size:11px}
.hero-art{position:relative;isolation:isolate;height:510px;background:transparent;border-radius:0;overflow:visible}
.hero-art:before{content:"";position:absolute;z-index:-2;inset:-40px -35px 0 -70px;background:radial-gradient(ellipse at 57% 40%,rgb(143 65 240 / .27),transparent 52%);filter:blur(6px)}
.hero-art:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#090712 0,transparent 19%,transparent 80%,#090712 100%);opacity:.55;box-shadow:none;transform:none;width:auto;height:auto;left:auto;top:auto}
.planet{position:absolute;width:min(670px,60vw);aspect-ratio:1;left:3%;top:2%;border-radius:50%;transform:rotate(-16deg);background:radial-gradient(ellipse at 37% 27%,#eec9ff 0,#b284ff 4%,#5b30a3 11%,transparent 27%),radial-gradient(ellipse at 31% 34%,transparent 32%,#7b4cbb 35%,#382169 43%,#140f31 59%,#050511 72%),repeating-radial-gradient(ellipse at 42% 36%,transparent 0 18px,rgb(176 124 255 / .13) 19px 20px,transparent 22px 42px),#0b0a1c;box-shadow:inset 12px 14px 30px rgb(229 187 255 / .77),inset -70px -56px 100px #05030e,0 0 23px #a46aff,0 0 100px rgb(124 58 237 / .44);overflow:hidden}
.planet:after{content:"";position:absolute;inset:14%;border-radius:50%;opacity:.54;background-image:radial-gradient(#f1c6ff 1px,transparent 2px),radial-gradient(#9a5bff 1px,transparent 2px);background-size:31px 31px,43px 37px;background-position:0 0,18px 16px;mask-image:linear-gradient(130deg,#000,transparent 75%)}
.planet-glow{position:absolute;width:78%;height:26%;left:3%;top:47%;border-top:2px solid rgb(206 151 255 / .8);border-radius:50%;transform:rotate(-16deg);filter:blur(2px);box-shadow:0 -15px 65px #a561ff}
.star{position:absolute;width:6px;height:6px;background:#fff;border-radius:50%;box-shadow:0 0 0 2px #aa73f2,0 0 18px 8px #8b4fe4}
.star-one{left:7%;top:14%}.star-two{right:12%;top:23%;transform:scale(.55)}.star-three{left:19%;bottom:13%;transform:scale(.7)}
.art-caption{bottom:0;left:10%;color:#a895c5;font-size:10px}
.ticker{background:#100b21;border-color:#3b275e}
.ticker-inner{color:#c8b3e6}.ticker-inner b{color:#a753fb}
.section{padding-top:95px;padding-bottom:105px}.section-heading h2,.approach h2,.agent-intro h2{font-weight:680}
.section-heading>p:last-child,.agent-intro>p:not(.eyebrow),.approach-lede{color:var(--sa-secondary)}
.catalog-nav a{border-color:var(--sa-border);background:#181126;color:#d9ccef;border-radius:99px}
.catalog-nav a:hover{background:#2d1a47;color:#fff}
.product-card,.agent-card{background:linear-gradient(145deg,#171126,#0d0b18);border:1px solid #46315f;border-radius:14px;box-shadow:0 16px 40px rgb(0 0 0 / .18)}
.product-card.featured{border-color:#7240a6;box-shadow:0 0 24px rgb(124 58 237 / .12)}
.card-index{color:#c5a7e8}.pill{border-color:#50346f;color:#d1b2ef}.pill-green{background:#311748;border-color:#7840a3;color:#ddb5ff}
.product-icon,.icon-compute,.agent-icon{background:#2c1748;color:#c489fa}
.icon-doc span{background:#bc82f8}.icon-compute span{border-color:#a55bea}.icon-compute span:last-child{background:#7132a5}
.product-card>p,.product-card ul,.agent-card>p{color:#c0b6d4}.product-card h3,.agent-card h3{color:#f7f4fc}
.card-link{color:#cd97ff}.muted-link{color:#a89bbd}
.agent-section,.approach{background:linear-gradient(120deg,#110b21,#18102b 55%,#0c0a17);border-color:#3a2756}
.agent-card{border-color:#583678}.agent-facts span{border-color:#4a345f;color:#c4b3d6}
.principles,.principle{border-color:#3d2c57}.principle>span{color:#b685ec}.principle p{color:#b7a9ca}.approach .text-link{color:#d4a4ff}
.pilot-box{background:radial-gradient(ellipse at 85% 10%,#3e1d69,transparent 60%),#170f2a;border:1px solid #654489;border-radius:17px}
.pilot-box:after{border-color:rgb(192 125 255 / .16);box-shadow:0 0 0 40px rgb(192 125 255 / .03),0 0 0 90px rgb(192 125 255 / .03)}
.pilot-mark{background:#7c3aed;color:#fff}.pilot-copy .eyebrow{color:#c9a5ef}.pilot-copy>p:not(.eyebrow):not(.copy-status){color:#d3c6e0}.copy-status{color:#c5b0d8}.pilot-side{border-color:#53366d}.side-label,.side-note{color:#b8a2cb}.side-item{border-color:#47335d;color:#eee5f8}.side-item b{color:#c279ff}
.footer{border-color:#3d2b57}.footer p,.footer-state{color:#b5a5c6}.copyright{color:#9a88b0}
a:focus-visible{outline:3px solid var(--sa-focus);outline-offset:4px;border-radius:4px}
@media(max-width:900px){.planet{width:min(560px,70vw);left:-4%;top:10%}}
@media(max-width:800px){.topbar{height:auto;min-height:72px;margin-top:10px;padding:12px 17px;gap:15px}.hero{grid-template-columns:1fr;gap:0}.hero-art{height:350px;overflow:hidden}.planet{width:min(500px,80vw);left:15%;top:-19%}.art-caption{left:8%;bottom:0}}
@media(max-width:520px){.wrap{width:calc(100% - 32px)}.topbar{min-height:65px}.brand{font-size:17px}.brand-mark{width:27px;height:27px;font-size:28px}.topbar nav{gap:8px}.topbar nav a:not(.nav-cta){display:none}.nav-cta{padding:10px 12px}.hero{padding-top:41px;padding-bottom:44px}.hero-copy{padding-top:0}h1{font-size:clamp(47px,11.5vw,58px)}.hero-art{height:310px;margin-top:14px}.planet{width:400px;left:3%;top:-5%}.planet-glow{top:50%}.section{padding-block:64px}.agent-section{padding-block:59px}.pilot-box{padding:30px 22px}.pilot-side{border-color:#53366d}.footer{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Reference-inspired public storefront: depth, restrained light and motion. */
.hero{min-height:650px}.hero-copy{max-width:620px}.hero h1{font-size:clamp(60px,7vw,100px);letter-spacing:-.065em}.hero .lede{max-width:490px;font-size:17px}.hero-art{perspective:900px}.planet{background:radial-gradient(ellipse at 22% 20%,#ffe1ff 0,transparent 4%),radial-gradient(ellipse at 30% 28%,#9261bb 0,#321357 25%,#100b23 57%,#03040c 75%);box-shadow:inset 8px 12px 18px #e2b3ff,inset 26px 25px 46px #873dda,inset -90px -45px 100px #02030a,0 0 14px #c383ff,0 0 65px #6e2db766;animation:planet-drift 18s ease-in-out infinite}.planet:after{inset:5%;opacity:.8;background-image:radial-gradient(#ffe2c6 1px,transparent 2px),radial-gradient(#c68cff 1px,transparent 2px),repeating-linear-gradient(32deg,transparent 0 65px,#a566db28 66px 67px,transparent 68px 120px),repeating-linear-gradient(142deg,transparent 0 48px,#9760e12b 49px 50px,transparent 51px 100px);background-size:37px 29px,59px 47px,auto,auto;transform:rotate(12deg);mask-image:radial-gradient(ellipse at 40% 25%,black,transparent 73%)}.hero-art:after{background:linear-gradient(0deg,#07060e,transparent 42%);z-index:1}.orbit-label{position:absolute;z-index:2;padding:14px 18px;border:1px solid #ab7ceb50;border-radius:10px;background:#180d2bbf;backdrop-filter:blur(12px);font-size:10px;letter-spacing:.15em;box-shadow:0 15px 45px #0006;animation:float 7s ease-in-out infinite}.orbit-label-one{top:15%;right:0}.orbit-label-two{bottom:19%;left:0;animation-delay:-3s}.art-caption{position:absolute;z-index:3;letter-spacing:.2em}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-card,.store-feature,.store-side{transition:transform .3s,border-color .3s,box-shadow .3s}.product-card:hover,.store-side:hover{transform:translateY(-6px);border-color:#b478ef;box-shadow:0 15px 55px #7437c324}.app-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.app-heading h2,.earn-section h2{font-size:clamp(40px,5vw,65px);margin-bottom:8px}.app-heading>p{color:#bdb0ce;line-height:1.7;font-size:14px}.store-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:24px}.store-feature,.store-side{border:1px solid #634286;border-radius:18px;overflow:hidden;background:linear-gradient(145deg,#211332,#0b0915)}.app-visual{height:220px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 80%,#aa49f569,transparent 65%),repeating-linear-gradient(115deg,transparent 0 70px,#a05cef0b 71px 72px),#100b20;display:flex;align-items:center;justify-content:center;gap:30px}.visual-star{font-size:125px;color:#d0a4ff;text-shadow:0 0 45px #ac55ff;animation:float 6s ease-in-out infinite}.visual-title{font-size:58px;font-weight:750;letter-spacing:.1em;z-index:1}.visual-title span{display:block;font-size:9px;letter-spacing:.24em;color:#c4a5df}.visual-orbit{position:absolute;width:350px;height:350px;border:1px solid #c189ee40;border-radius:50%;box-shadow:0 0 0 28px #a354e809,0 0 0 60px #a354e805;transform:rotateX(55deg) rotate(-30deg)}.store-content{padding:30px}.store-content h3,.store-side h3{font-size:26px;margin:18px 0 12px}.store-content p,.store-side p,.earn-section p{color:#c0b2d0;line-height:1.7}.store-content>p,.store-side p{font-size:14px}.app-tags{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.app-tags span{border:1px solid #503568;border-radius:99px;padding:7px 11px;font-size:11px;color:#d4b8e9}.store-actions{display:flex;gap:12px;flex-wrap:wrap}.button-outline{background:#1c122c;color:#eee1ff;border:1px solid #8155aa}.store-note{font-size:11px!important;color:#b3a2c4!important;line-height:1.7;display:block;margin:20px 0 0}.store-side{padding:32px;display:flex;flex-direction:column;align-items:flex-start}.builder-glyph{font-size:64px;color:#c385ff;margin:60px 0 25px;text-shadow:0 0 30px #973dec88}.store-side .button{margin-top:auto}.earn-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-block:100px}.earning-badge{display:inline-block;color:#d8b7ff;background:#331849;border:1px solid #8554aa;border-radius:99px;padding:12px 18px;font-size:13px}.earn-path{display:grid;align-content:center;gap:22px}.earn-path>div{display:flex;gap:22px;padding:22px;border:1px solid #49305e;border-radius:12px;background:linear-gradient(120deg,#201130,#0e0a17)}.earn-path b{color:#b66dfb;font-size:25px}.earn-path span{color:#b6a6c6;font-size:13px;line-height:1.6}.earn-path strong{display:block;color:#f2eafa;font-size:16px;margin-bottom:6px}.ticker-inner{justify-content:space-around;flex-wrap:wrap}.topbar nav a{min-height:44px;display:inline-flex;align-items:center}dialog{width:min(550px,calc(100% - 32px));color:#f5edff;background:radial-gradient(ellipse at top,#391952,#120c20 70%);border:1px solid #8f59bc;border-radius:20px;padding:35px;box-shadow:0 0 100px #853ae93b}dialog::backdrop{background:#03020bbd;backdrop-filter:blur(8px)}dialog h2{font-size:34px}dialog p{line-height:1.7}.dialog-close{float:right;font-size:26px;background:transparent;border:0;color:white;cursor:pointer;width:44px;height:44px}.demo-avatar{text-align:center;font-size:80px;color:#bd80ff;text-shadow:0 0 35px #b256ff;transition:transform .25s}.demo-avatar.react{transform:scale(1.2) rotate(12deg)}.mood-buttons{display:flex;flex-wrap:wrap;gap:10px}.mood-buttons button{padding:12px;border-radius:8px;border:1px solid #775095;background:#2a183e;color:white;cursor:pointer}button:focus-visible{outline:3px solid #dfcaff;outline-offset:4px}button:disabled{opacity:.5;cursor:not-allowed}[hidden]{display:none!important}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes planet-drift{0%,100%{transform:rotate(-16deg) translateY(0)}50%{transform:rotate(-13deg) translateY(10px)}}@media(max-width:800px){.store-grid,.earn-section{grid-template-columns:1fr}.earn-section{gap:35px;padding-block:65px}.app-heading{display:block}.builder-glyph{margin:22px 0}.store-side .button{margin-top:18px}.hero{min-height:0}.topbar nav{gap:12px}}@media(max-width:520px){.catalog-grid{grid-template-columns:1fr}.store-content{padding:22px}.visual-title{font-size:42px}.visual-star{font-size:85px}.hero h1{font-size:58px}.topbar nav a:not(.nav-cta){display:none}.app-visual{height:185px}.orbit-label{font-size:8px;padding:10px}.hero-art{height:320px}.store-actions .button{width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
/* Owner-selected obsidian and aubergine finish. */
:root{--sa-bg:#040405;--sa-surface:#0c0a0e;--sa-raised:#141017;--sa-border:#302635;--sa-purple:#603080;--sa-light:#ba98ce;--sa-glow:0 4px 18px #0005}
html{background:#040405}body{background:radial-gradient(ellipse at 80% 3%,#170e20 0,transparent 33%),#040405}body:before{opacity:.14}.topbar{background:#09080bee;border-color:#34283d;box-shadow:0 10px 35px #0005}.brand strong{color:#b58acb}.brand-mark{color:#b58acb;text-shadow:0 0 12px #70418866}h1 em,h2 em{color:#b18ac5}.eyebrow{color:#b39ac3}.pulse{background:#9571ac;box-shadow:0 0 0 4px #25182e}.nav-cta,.button-dark,.button-light{background:linear-gradient(120deg,#452253,#603078);border:1px solid #79548e;box-shadow:0 4px 16px #0006}.nav-cta:hover,.button-dark:hover,.button-light:hover{background:#693681}.button-outline{background:#100d14;border-color:#57425f}.hero-art:before{opacity:.4}.hero-art:after{background:linear-gradient(0deg,#040405,transparent 42%)}.planet{filter:brightness(.65) saturate(.72);box-shadow:inset 8px 12px 18px #ae86c4,inset 26px 25px 46px #57306f,inset -90px -45px 100px #020205,0 0 12px #74468b,0 0 45px #42205444}.planet-glow{opacity:.3}.star{background:#ded2e5;box-shadow:0 0 12px 3px #6c438e}.orbit-label{background:#0c090fdb;border-color:#65477455;color:#c8b3d3}.ticker{background:#09070b;border-color:#28212e}.ticker-inner{color:#b5a2c0}.ticker-inner b{color:#896799}.agent-section,.approach{background:linear-gradient(120deg,#08070a,#110b16 55%,#070609);border-color:#2e2434}.product-card,.product-card.featured,.agent-card,.store-feature,.store-side,.earn-path>div{background:linear-gradient(145deg,#131016,#08070a);border-color:#392b41;box-shadow:0 15px 35px #0004}.product-card:hover,.store-side:hover{border-color:#745482;box-shadow:0 15px 40px #0006}.app-visual{background:radial-gradient(ellipse at 50% 80%,#4e285c50,transparent 65%),#0b080f}.visual-star{color:#ba96ce;text-shadow:0 0 28px #6e3c8655}.visual-title{color:#eee8f1}.builder-glyph,.demo-avatar{color:#b693ca;text-shadow:0 0 18px #60357544}.product-icon,.agent-icon{background:#211528;color:#be9ccd}.catalog-nav a,.app-tags span{background:#100c15;border-color:#3c2b46;color:#c8b2d4}.earning-badge,.pill,.pill-green{background:#1c1123;border-color:#5e426b;color:#cdb4dc}.earn-path b,.card-link{color:#bf9ad1}.pilot-box{background:radial-gradient(ellipse at 85% 10%,#26152f,transparent 65%),#0c090f;border-color:#46314f}dialog{background:radial-gradient(ellipse at top,#26172f,#0d0a11 70%);border-color:#674a74;box-shadow:0 25px 100px #000b}.mood-buttons button{background:#1c1223;border-color:#62466f}.footer{border-color:#2d2333}
/* Keep the black finish, with true violet rather than red-toned plum. */
:root{--sa-purple:#6631b5;--sa-light:#bf9bea;--sa-border:#30243f}.brand strong,.brand-mark{color:#b28add}h1 em,h2 em{color:#b58be4}.eyebrow{color:#b49ad3}.nav-cta,.button-dark,.button-light{background:linear-gradient(120deg,#492180,#6631ad);border-color:#8252b6}.nav-cta:hover,.button-dark:hover,.button-light:hover{background:#723bc0}.button-outline{background:#100b19;border-color:#5d417e}.orbit-label{background:#0b0812db;border-color:#61468566}.agent-section,.approach{background:linear-gradient(120deg,#07060a,#100b1b 55%,#060509)}.product-card,.product-card.featured,.agent-card,.store-feature,.store-side,.earn-path>div{background:linear-gradient(145deg,#110d19,#07060b);border-color:#332741}.app-visual{background:radial-gradient(ellipse at 50% 80%,#50288855,transparent 65%),#090710}.visual-star,.builder-glyph,.demo-avatar{color:#b791e3;text-shadow:0 0 24px #7438b955}.earning-badge,.pill,.pill-green{background:#1a102a;border-color:#634489;color:#cbb2eb}.planet{filter:brightness(.7) saturate(.95)}.pilot-box{background:radial-gradient(ellipse at 85% 10%,#211334,transparent 65%),#0b0810}.card-link{color:#c29ae9}
.access-section{padding:68px 0 75px}.access-heading{max-width:650px;margin-bottom:28px}.access-heading h2{font-size:clamp(40px,4.5vw,60px);margin:0 0 12px}.access-heading>p:last-child{color:#beb0cd}.access-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.access-grid article{min-width:0;background:linear-gradient(150deg,#100c18,#07060b);border:1px solid #362947;border-radius:15px;padding:26px;display:flex;flex-direction:column;align-items:flex-start}.access-grid h3{font-size:21px;margin:14px 0 9px}.access-grid p{color:#c2b3cf;font-size:13px;line-height:1.7;flex:1}.access-grid small{display:block;color:#ad9cbb;font-size:10px;line-height:1.6;margin-top:13px}.access-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;color:#c39be8;background:#231433;font-size:24px}.access-grid a{margin-top:14px}.access-grid a[aria-disabled="true"]{opacity:.55;pointer-events:none;cursor:not-allowed}@media(max-width:900px){.access-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.access-grid{grid-template-columns:1fr}.access-section{padding:52px 0}.access-grid article{padding:22px}}