.palette-page{--radius:1rem;--background:#fcfcfe;--foreground:#1f2024;--palette-muted:#8a909d;--palette-night-violet:#28253f;--palette-night-blue:#233747;--font-sans:var(--font-satoshi),ui-sans-serif,system-ui,sans-serif;font-family:var(--font-sans);text-rendering:optimizeLegibility}.palette-page ::selection{background:rgba(199,189,242,.72);color:#1f2024}.palette-page :is(button,a,input,select,textarea,summary){-webkit-tap-highlight-color:transparent}.palette-page summary::-webkit-details-marker{display:none}.palette-page section[id]{scroll-margin-top:5rem}.palette-page{position:relative;background:radial-gradient(circle at 11% 8%,rgba(164,225,255,.72),transparent 24rem),radial-gradient(circle at 83% 12%,rgba(255,224,183,.74),transparent 25rem),linear-gradient(155deg,#f9fbff,#f8f1ff 46%,#fff7ef)}.palette-page:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 74% 44%,rgba(191,166,255,.22),transparent 26rem),radial-gradient(circle at 18% 68%,rgba(83,215,255,.2),transparent 24rem),radial-gradient(circle at 88% 80%,rgba(255,181,216,.2),transparent 26rem)}.palette-page>footer,.palette-page>main{position:relative;z-index:1}.palette-page>header{position:sticky;z-index:40}:where(.palette-page) .font-pixel{font-family:var(--font-neuebit),monospace;font-weight:700;letter-spacing:.04em}:where(.palette-page) .glass-nav,:where(.palette-page) .glass-panel,:where(.palette-page) .liquid-glass{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.7);background:linear-gradient(145deg,rgba(255,255,255,.66),rgba(255,255,255,.24));background-blend-mode:luminosity;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(105,118,164,.08),0 24px 70px rgba(87,92,135,.12);backdrop-filter:blur(24px) saturate(135%);-webkit-backdrop-filter:blur(24px) saturate(135%)}:where(.palette-page) .glass-nav:before,:where(.palette-page) .glass-panel:before,:where(.palette-page) .liquid-glass:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.22) 20%,rgba(255,255,255,0) 40%,rgba(255,255,255,0) 60%,rgba(255,255,255,.14) 80%,rgba(255,255,255,.75));pointer-events:none;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}:where(.palette-page) .glass-nav{overflow:visible;background:#fcfcfe;background-blend-mode:normal;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 14px 36px rgba(74,81,123,.13)}:where(.palette-page) .glass-nav:before{display:none}:where(.palette-page) .liquid-glass-site{--liquid-edge:rgba(255,255,255,0.92);--liquid-violet:rgba(199,189,242,0.38);--liquid-blue:rgba(175,207,245,0.4);--liquid-yellow:rgba(245,228,154,0.28)}:where(.palette-page) .liquid-glass-site :is(.glass-nav,.glass-panel,.glass-button,.glass-dark-button,.glass-field,.eyebrow,.hero-aura,.liquid-control,[data-liquid-surface]){--liquid-x:50%;--liquid-y:35%;--liquid-dx:0;--liquid-dy:0;position:relative;isolation:isolate}:where(.palette-page) .liquid-glass-site :is(.glass-panel,.glass-button,.glass-field,.eyebrow,.liquid-control,[data-liquid-surface]){border-color:rgba(255,255,255,.76);background-image:radial-gradient(circle at var(--liquid-x) var(--liquid-y),rgba(255,255,255,.74),transparent 18%),radial-gradient(circle at calc(var(--liquid-x) + 14%) calc(var(--liquid-y) + 10%),var(--liquid-yellow),transparent 24%),radial-gradient(circle at calc(var(--liquid-x) - 18%) calc(var(--liquid-y) + 15%),var(--liquid-blue),transparent 27%),linear-gradient(145deg,rgba(255,255,255,.58),rgba(255,255,255,.24));background-blend-mode:screen,normal,normal,luminosity;box-shadow:inset 0 1px 0 rgba(255,255,255,.98),inset 1px 0 0 rgba(175,207,245,.26),inset -1px 0 0 rgba(245,228,154,.2),0 7px 18px rgba(78,86,160,.1);backdrop-filter:blur(24px) saturate(142%);-webkit-backdrop-filter:blur(24px) saturate(142%);transition:background-position .26s cubic-bezier(.22,1,.36,1),border-color .22s ease,box-shadow .26s cubic-bezier(.22,1,.36,1),filter .22s ease,transform .22s cubic-bezier(.22,1,.36,1)}:where(.palette-page) .liquid-glass-site .glass-dark-button:after,:where(.palette-page) .liquid-glass-site .glass-nav:after,:where(.palette-page) .liquid-glass-site .hero-aura:after,:where(.palette-page) .liquid-glass-site :is(.glass-panel,.glass-button,.glass-field,.eyebrow,.liquid-control,[data-liquid-surface]):after{content:"";position:absolute;inset:1px;z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse 38% 26% at var(--liquid-x) var(--liquid-y),rgba(255,255,255,.66),transparent 72%),conic-gradient(from 205deg at var(--liquid-x) var(--liquid-y),transparent,rgba(175,207,245,.22),transparent 32%,rgba(245,228,154,.17),transparent 58%);mix-blend-mode:screen;opacity:.58;transform:translate3d(calc(var(--liquid-dx) * 5px),calc(var(--liquid-dy) * 5px),0);transition:opacity .22s ease,transform .26s cubic-bezier(.22,1,.36,1)}:where(.palette-page) .liquid-glass-site :is(.glass-panel,.glass-button,.glass-field,.eyebrow,.liquid-control,[data-liquid-surface]).is-liquid-active{border-color:rgba(255,255,255,.96);box-shadow:inset 0 1px 0 rgba(255,255,255,1),inset 1px 0 0 rgba(175,207,245,.42),inset -1px 0 0 rgba(245,228,154,.34),0 8px 20px rgba(78,86,160,.14);filter:saturate(1.06)}:where(.palette-page) .liquid-glass-site .glass-dark-button.is-liquid-active:after,:where(.palette-page) .liquid-glass-site .glass-nav.is-liquid-active:after,:where(.palette-page) .liquid-glass-site .hero-aura.is-liquid-active:after,:where(.palette-page) .liquid-glass-site :is(.glass-panel,.glass-button,.glass-field,.eyebrow,.liquid-control,[data-liquid-surface]).is-liquid-active:after{opacity:.96}:where(.palette-page) .liquid-glass-site [data-liquid-intensity=strong]{--liquid-violet:rgba(199,189,242,0.52);--liquid-blue:rgba(175,207,245,0.54);--liquid-yellow:rgba(245,228,154,0.36);background-image:radial-gradient(circle at var(--liquid-x) var(--liquid-y),rgba(255,255,255,.82),transparent 16%),radial-gradient(circle at calc(var(--liquid-x) + 16%) calc(var(--liquid-y) + 9%),var(--liquid-yellow),transparent 22%),radial-gradient(circle at calc(var(--liquid-x) - 19%) calc(var(--liquid-y) + 14%),var(--liquid-blue),transparent 25%),radial-gradient(circle at 50% 60%,var(--liquid-violet),transparent 48%),linear-gradient(145deg,rgba(255,255,255,.54),rgba(255,255,255,.2))}:where(.palette-page) .liquid-glass-site .glass-nav{border-color:rgba(255,255,255,.96);background:radial-gradient(ellipse 28% 90% at var(--liquid-x) 0,rgba(199,189,242,.18),transparent 70%),#fcfcfe;box-shadow:inset 0 1px 0 rgba(255,255,255,1),inset 0 -1px 0 rgba(175,207,245,.2),0 7px 18px rgba(74,81,123,.12)}:where(.palette-page) .liquid-glass-site .glass-nav:after{inset:0;border:1px solid transparent;background:linear-gradient(#fcfcfe,#fcfcfe) padding-box,linear-gradient(105deg,rgba(175,207,245,.72),rgba(255,255,255,.96),rgba(245,228,154,.58)) border-box;mix-blend-mode:normal;opacity:.74}:where(.palette-page) .liquid-glass-site .glass-dark-button{position:relative;overflow:hidden;background:radial-gradient(circle at var(--liquid-x) var(--liquid-y),rgba(255,255,255,.3),transparent 24%),linear-gradient(135deg,var(--palette-violet-600),var(--palette-blue-600))}:where(.palette-page) .liquid-glass-site .glass-dark-button:after{z-index:0;background:radial-gradient(ellipse 42% 80% at var(--liquid-x) var(--liquid-y),rgba(255,255,255,.36),transparent 72%)}:where(.palette-page) .liquid-glass-site .glass-dark-button>*{position:relative;z-index:1}:where(.palette-page) .liquid-glass-site .hero-aura{position:relative;border:1px solid rgba(255,255,255,.82);background:radial-gradient(circle at var(--liquid-x) var(--liquid-y),rgba(255,255,255,.5),transparent 18%),radial-gradient(circle at 78% 18%,rgba(255,210,154,.86),transparent 28%),radial-gradient(circle at 28% 28%,rgba(136,219,255,.86),transparent 34%),radial-gradient(circle at 62% 75%,rgba(202,170,255,.78),transparent 38%),linear-gradient(145deg,#ddf5ff,#eee5ff 54%,#fff1dc);box-shadow:inset 0 1px 0 rgba(255,255,255,.96),inset 0 -1px 0 rgba(175,207,245,.28),0 8px 22px rgba(75,79,123,.14)}:where(.palette-page) .liquid-glass-site .hero-aura:after{z-index:0}:where(.palette-page) .liquid-glass-site .glass-field{background-color:rgba(252,252,254,.68)}:where(.palette-page) .liquid-glass-site :is(.grainient-section,.fluid-aurora,section.dark-section) :is(.glass-button,.liquid-control){color:white;border-color:rgba(255,255,255,.48);background-image:radial-gradient(circle at var(--liquid-x) var(--liquid-y),rgba(255,255,255,.32),transparent 28%),linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.08));background-blend-mode:screen,normal}@media (hover:none),(pointer:coarse){:where(.palette-page) .liquid-glass-site :is(.glass-panel,.hero-aura,[data-liquid-surface]):after{animation:marketing-liquid-ambient-drift 12s ease-in-out infinite alternate}}@keyframes marketing-liquid-ambient-drift{0%{transform:translate3d(-4px,-2px,0) scale(1);opacity:.48}to{transform:translate3d(5px,3px,0) scale(1.04);opacity:.72}}:where(.palette-page) .glass-dark-button{background:linear-gradient(135deg,var(--palette-violet-600),var(--palette-blue-600));box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 9px 22px rgba(78,86,160,.22);transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s cubic-bezier(.22,1,.36,1),filter .18s ease}:where(.palette-page) .glass-dark-button:hover{transform:translateY(-1px);filter:saturate(1.08) brightness(1.03);box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 13px 28px rgba(78,86,160,.3)}:where(.palette-page) .brand-deep-surface{background:radial-gradient(circle at 18% 12%,rgba(199,189,242,.3),transparent 40%),linear-gradient(135deg,var(--palette-violet-700),var(--palette-blue-600));box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}:where(.palette-page) .brand-selected-surface{background:linear-gradient(135deg,#c7bdf2,#afcff5);color:#4a3c78;box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 8px 18px rgba(102,85,157,.18)}:where(.palette-page) .brand-accent-fill{background:linear-gradient(135deg,var(--palette-violet-600),var(--palette-blue-600))}:where(.palette-page) .glass-button{border:1px solid rgba(255,255,255,.75);background:rgba(255,255,255,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 10px 24px rgba(74,81,123,.1);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}:where(.palette-page) .pastel-section{position:relative;overflow:hidden;background:radial-gradient(circle at 8% 20%,rgba(88,213,255,.36),transparent 25rem),radial-gradient(circle at 76% 18%,rgba(194,158,255,.42),transparent 27rem),radial-gradient(circle at 83% 88%,rgba(255,185,215,.46),transparent 28rem),linear-gradient(145deg,#eaf7ff,#eee7ff 52%,#fff0e5)}:where(.palette-page) .soft-section{background:rgba(252,252,254,.48);border-block:1px solid rgba(255,255,255,.7);backdrop-filter:blur(10px)}:where(.palette-page) .dark-section{background:radial-gradient(circle at 17% 15%,rgba(151,130,232,.34),transparent 25rem),radial-gradient(circle at 86% 82%,rgba(93,190,231,.24),transparent 28rem),linear-gradient(135deg,var(--palette-night-violet),var(--palette-night-blue))}:where(.palette-page) .grainient-section{background:linear-gradient(135deg,var(--palette-night-violet),var(--palette-night-blue))}:where(.palette-page) .fluid-aurora{--fluid-x:50%;--fluid-y:44%;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,var(--palette-night-violet),var(--palette-night-blue))}:where(.palette-page) .fluid-aurora__surface{position:absolute;inset:-16%;z-index:-1;pointer-events:none;background:radial-gradient(circle at var(--fluid-x) var(--fluid-y),rgba(175,207,245,.72),transparent 18%),radial-gradient(circle at calc(100% - var(--fluid-x)) calc(100% - var(--fluid-y)),rgba(245,228,154,.44),transparent 22%),radial-gradient(circle at 28% 78%,rgba(199,189,242,.58),transparent 26%),radial-gradient(circle at 82% 30%,rgba(242,167,207,.38),transparent 24%);filter:blur(42px) saturate(118%);transform:scale(1.08);opacity:.78;transition:opacity .24s ease-out}:where(.palette-page) .fluid-aurora:hover .fluid-aurora__surface{opacity:1}:where(.palette-page) .fluid-aurora__sheen{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 44% 36% at var(--fluid-x) var(--fluid-y),rgba(255,255,255,.16),transparent 72%);mix-blend-mode:screen}:where(.palette-page) .eyebrow{display:inline-flex;align-items:center;min-height:2rem;border:1px solid rgba(255,255,255,.8);border-radius:999px;background:rgba(255,255,255,.4);padding:.35rem .8rem;color:#666b75;box-shadow:inset 0 1px 0 rgba(255,255,255,.86);backdrop-filter:blur(12px)}:where(.palette-page) .section-title{font-weight:700;letter-spacing:-.04em;line-height:1.03}:where(.palette-page) .glass-field{border:1px solid rgba(255,255,255,.8);background:rgba(255,255,255,.52);box-shadow:inset 0 1px 0 rgba(255,255,255,.95);backdrop-filter:blur(16px)}:where(.palette-page) .glass-field:focus{border-color:rgba(117,102,192,.58);box-shadow:0 0 0 4px rgba(199,189,242,.28);outline:none}:where(.palette-page) .hero-aura{background:radial-gradient(circle at 78% 18%,rgba(255,210,154,.86),transparent 28%),radial-gradient(circle at 28% 28%,rgba(136,219,255,.86),transparent 34%),radial-gradient(circle at 62% 75%,rgba(202,170,255,.78),transparent 38%),linear-gradient(145deg,#ddf5ff,#eee5ff 54%,#fff1dc)}:where(.palette-page) .footer-glow{position:absolute;inset:auto -10% -70% 30%;height:28rem;border-radius:50%;background:linear-gradient(90deg,rgba(100,208,255,.28),rgba(194,147,255,.34),rgba(255,184,122,.25));filter:blur(80px)}@keyframes marketing-fade-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes marketing-palette-panel-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes marketing-generated-assemble{0%{opacity:0;transform:translateY(10px) scale(.985);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes marketing-about-path-sweep{0%{transform:scaleX(0)}42%,78%{transform:scaleX(1)}to{transform:scaleX(0)}}:where(.palette-page) .animate-fade-rise{animation:marketing-fade-rise .8s ease-out both}:where(.palette-page) .animate-fade-rise-delay{animation:marketing-fade-rise .8s ease-out .2s both}:where(.palette-page) .animate-fade-rise-delay-2{animation:marketing-fade-rise .8s ease-out .4s both}:where(.palette-page) .animate-palette-panel{animation:marketing-palette-panel-in .28s cubic-bezier(.22,1,.36,1) both}:where(.palette-page) .generated-section{animation:marketing-generated-assemble .36s cubic-bezier(.22,1,.36,1) both}:where(.palette-page) .generated-section:nth-child(2){animation-delay:70ms}:where(.palette-page) .generated-section:nth-child(3){animation-delay:.14s}:where(.palette-page) .generated-section:nth-child(4){animation-delay:.21s}:where(.palette-page) .about-path-progress{transform-origin:left center;animation:marketing-about-path-sweep 5.5s cubic-bezier(.65,0,.35,1) infinite}@media (prefers-reduced-motion:reduce){:where(.palette-page) .about-path-progress,:where(.palette-page) .animate-fade-rise,:where(.palette-page) .animate-fade-rise-delay,:where(.palette-page) .animate-fade-rise-delay-2,:where(.palette-page) .animate-palette-panel,:where(.palette-page) .generated-section{animation:none}:where(.palette-page) .about-path-progress{transform:scaleX(1)}:where(.palette-page) .glass-dark-button:hover{transform:none}:where(.palette-page) .fluid-aurora__sheen,:where(.palette-page) .fluid-aurora__surface{transition:none}}