:root{color-scheme:dark;--bg:#070709;--surface:#0c0c0f;--surface-2:#101014;--line:#202024;--text:#f3f3f5;--muted:#8b8b94;--font:'DM Sans',sans-serif;--display:'DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.page-width{width:min(1120px,calc(100% - 52px));margin:0 auto}.site-header{position:sticky;top:19px;z-index:10;width:min(865px,calc(100% - 40px));height:57px;margin:19px auto 0;padding:0 23px 0 25px;border:1px solid #242428;border-radius:18px;background:rgba(15,15,18,.89);backdrop-filter:blur(18px);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;box-shadow:0 12px 36px #0003}.brand{display:flex;align-items:center;gap:10px;width:max-content;color:#e9e9eb;font-size:14px;font-weight:600;letter-spacing:-.03em}.brand-symbol{display:grid;place-items:center;width:18px;height:18px;position:relative}.brand-symbol i{height:7px;width:17px;background:#f0f0f0;border-radius:50%;transform:rotate(-15deg)}.brand-symbol b{position:absolute;width:19px;height:8px;border:1px solid #eee;border-radius:50%;transform:rotate(-15deg)}.brand-symbol:after{content:'';position:absolute;right:0;top:3px;height:3px;width:3px;border-radius:50%;background:#fff}.nav{display:flex;justify-content:center;align-items:center;gap:31px;color:#898991;font-size:13px}.nav a{transition:color .2s}.nav a:hover{color:#fff}.download-nav{justify-self:end;border-radius:9px;background:#f5f5f6;color:#101014;padding:8px 14px;font-size:12px;font-weight:600;transition:background .2s}.download-nav:hover,.download-hero:hover{background:#d9d9dd}.download-nav span{margin-right:5px;font-size:14px}.menu-toggle{display:none}.hero{text-align:center;padding:127px 20px 0;margin:0 auto;min-height:680px}.eyebrow{color:#85858e;font:500 11px var(--font);letter-spacing:.25em}.hero-title-row{position:relative;width:max-content;max-width:100%;margin:25px auto 0}.hero h1{font:700 clamp(76px,10vw,130px)/.97 var(--display);letter-spacing:-.085em;margin:0;background:linear-gradient(180deg,#fff 40%,#b8b8be 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-orbit{position:absolute;right:-34px;top:7px;height:28px;width:36px;filter:drop-shadow(0 0 12px #ffffff99);transform:rotate(-14deg)}.hero-orbit:before{content:'';position:absolute;top:7px;left:7px;width:20px;height:13px;background:#f1f1f2;border-radius:55% 50% 48% 45%}.hero-orbit:after{content:'';position:absolute;left:2px;top:9px;width:31px;height:10px;border:2px solid #f4f4f5;border-radius:50%}.hero-orbit i{position:absolute;z-index:1;left:17px;top:2px;width:4px;height:4px;background:#fff;border-radius:50%}.hero h2{font:500 clamp(20px,2.7vw,30px)/1.25 var(--display);letter-spacing:-.05em;margin:28px 0 12px}.hero>p{font-size:17px;line-height:1.7;color:#92929a;margin:0 auto;max-width:460px}.hero-actions{display:flex;align-items:center;justify-content:center;margin-top:34px}.download-hero{height:48px;min-width:196px;padding:0 19px;border-radius:15px;background:#f5f5f6;color:#111114;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:600;box-shadow:0 0 40px #ffffff19;transition:background .2s,transform .2s}.download-hero:hover{transform:translateY(-2px)}.download-hero span{font-size:18px}.hero-meta{font:10px var(--display);letter-spacing:.08em;color:#62626a;margin-top:23px}.hero-meta i{font-style:normal;margin:0 8px;color:#3c3c42}.app-preview{margin-top:0}.preview-window{overflow:hidden;border:1px solid #26262b;border-radius:22px;background:#0b0b0d;padding:0;box-shadow:0 30px 100px #000a}.preview-window img{display:block;width:100%;height:auto}.features{padding-top:110px;padding-bottom:80px}.section-kicker{font:500 10px var(--display);letter-spacing:.2em;color:#85858e}.features>h2{font:650 clamp(36px,5vw,52px)/1.05 var(--display);letter-spacing:-.07em;margin:15px 0 9px}.section-lead{color:#8d8d96;font-size:15px;line-height:1.65;max-width:520px;margin:0}.feature-grid{margin-top:54px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-card{border:1px solid #252529;border-radius:23px;background:linear-gradient(140deg,#101013,#0c0c0f 78%);padding:31px 32px;min-height:300px;position:relative;overflow:hidden}.feature-card:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at top left,#ffffff04,transparent 60%)}.feature-main{grid-column:span 2;min-height:310px}.feature-preset{min-height:310px}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:31px}.card-icon{width:39px;height:39px;border:1px solid #2c2c31;border-radius:11px;background:#17171a;display:grid;place-items:center;color:#f0f0f1;font-size:17px}.card-micro{font:10px var(--display);letter-spacing:.1em;color:#6f6f78}.feature-card h3{font:600 22px var(--display);letter-spacing:-.05em;margin:17px 0 9px}.feature-card p{color:#92929a;font-size:14px;line-height:1.7;margin:0;max-width:480px}.slider-demo{display:grid;grid-template-columns:76px 1fr 34px;align-items:center;gap:13px;margin:12px 0;color:#c8c8cc;font-size:11px}.slider-demo i{height:3px;background:#29292d;position:relative;border-radius:4px}.slider-demo i b{position:absolute;left:54%;top:-5px;height:13px;width:13px;border-radius:50%;background:#f3f3f4;box-shadow:0 0 0 2px #ffffff14}.slider-demo em{font-style:normal;color:#9a9aa2;text-align:right}.saturation i{background:linear-gradient(90deg,#c15aff,#e25290,#e6cc51,#71da77,#4dd4ec,#a858f4)}.saturation i b{left:31%}.preset-demo{display:grid;grid-template-columns:1fr 1fr;gap:9px}.preset-demo span{display:flex;align-items:center;gap:8px;border:1px solid #26262b;border-radius:9px;background:#0d0d10;padding:8px;font-size:10px;color:#c5c5ca}.swatch{width:24px;height:19px;border-radius:5px;background:linear-gradient(135deg,#a5dc58,#4d6e28)}.swatch.warm{background:linear-gradient(135deg,#d48c5f,#75472f)}.swatch.vivid{background:linear-gradient(135deg,#dc4c9b,#6c2357)}.swatch.vision{background:linear-gradient(135deg,#769ce4,#3b4e79)}.night-demo{height:60px;border:1px solid #28282d;border-radius:10px;background:#0b0b0d;padding:0 10px;display:grid;grid-template-columns:1fr 1fr 34px;align-items:center;gap:10px;color:#d0d0d3;font-size:10px}.night-demo i{height:3px;background:#29292d;position:relative}.night-demo i b{position:absolute;left:16%;top:-5px;width:13px;height:13px;background:#eee;border-radius:50%}.night-demo em{font-style:normal;color:#a2a2a9;text-align:right}.profile-demo{min-height:60px;border:1px solid #28282d;border-radius:9px;background:#0b0b0d;padding:8px 10px;display:grid;grid-template-columns:1fr 1fr;gap:5px 10px;color:#d5d5d9;font-size:10px}.profile-demo span{grid-column:span 2;padding-bottom:5px;border-bottom:1px solid #222227}.profile-demo small{font-size:10px;color:#a9a9b0}.background-demo{min-height:60px;display:flex;align-items:center;gap:7px;white-space:nowrap}.background-demo span{margin-right:auto;color:#9b9ba3;font-size:10px}.background-demo b{font-size:9px;font-weight:500;padding:8px 9px;border:1px solid #29292e;border-radius:7px;background:#101013}.faq{padding-top:74px;padding-bottom:95px;border-top:1px solid #17171b}.faq-content{width:min(735px,100%);margin:0 auto 0 17%;}.faq .section-kicker{text-align:center}.faq h2{text-align:center;font:650 clamp(34px,4vw,42px)/1.12 var(--display);letter-spacing:-.055em;margin:15px 0 10px}.faq .section-lead{text-align:center;margin:0 auto 55px;font-size:15px}.faq-list{display:flex;flex-direction:column;gap:12px}.faq-list details{border:1px solid #222226;border-radius:18px;background:#0a0a0d;overflow:hidden}.faq-list summary{min-height:68px;padding:0 23px;display:flex;justify-content:space-between;align-items:center;list-style:none;cursor:pointer;font-size:15px;font-weight:500;letter-spacing:-.02em}.faq-list summary::-webkit-details-marker{display:none}.chevron{width:28px;height:28px;border:1px solid #29292e;border-radius:50%;position:relative;background:#111114;flex:none}.chevron:before{content:'';position:absolute;top:9px;left:9px;width:7px;height:7px;border-right:1px solid #8c8c94;border-bottom:1px solid #8c8c94;transform:rotate(45deg);transition:transform .2s,top .2s}details[open] .chevron:before{transform:rotate(225deg);top:12px}.faq-list details p{color:#92929a;font-size:13px;line-height:1.7;margin:0;padding:0 23px 20px;max-width:660px}.download-section{padding-bottom:100px}.download-box{border:1px solid #252529;border-radius:22px;background:radial-gradient(ellipse at center top,#18181d,#0c0c0f 75%);text-align:center;padding:45px 24px}.download-box h2{font:600 35px var(--display);letter-spacing:-.06em;margin:15px 0 9px}.download-box p{color:#909098;font-size:13px;margin:0 auto 19px}.download-disabled{height:44px;padding:0 17px;border:1px solid #303036;border-radius:11px;background:#17171a;color:#77777f;font-size:12px}.download-disabled span{font-size:15px;margin-right:7px}.footer{min-height:82px;border-top:1px solid #1d1d21;display:flex;align-items:center;justify-content:space-between}.footer>span,.footer>a:last-child{color:#797980;font-size:11px}.footer>a:last-child{transition:color .2s}.footer>a:last-child:hover{color:#fff}@media(max-width:800px){.hero{min-height:620px;padding-top:120px}.feature-card{padding:25px 23px}.feature-card h3{font-size:19px}.feature-card p{font-size:12px}.faq-content{margin:0 auto}.features{padding-top:85px}}@media(max-width:600px){.page-width{width:calc(100% - 30px)}.site-header{top:9px;width:calc(100% - 24px);height:54px;margin-top:9px;padding:0 12px;border-radius:15px;grid-template-columns:1fr auto auto;gap:10px}.brand{gap:7px;font-size:12px}.brand-symbol{transform:scale(.88)}.menu-toggle{display:flex;width:28px;height:28px;border:1px solid #29292d;border-radius:8px;background:#151518;align-items:center;justify-content:center;flex-direction:column;gap:4px}.menu-toggle span{height:1px;width:13px;background:#ddd}.nav{display:none;position:absolute;top:60px;left:0;right:0;align-items:stretch;flex-direction:column;gap:0;padding:7px;border:1px solid #29292d;border-radius:13px;background:#101013;box-shadow:0 16px 36px #0009}.nav.open{display:flex}.nav a{padding:12px 10px;border-bottom:1px solid #ffffff0a;font-size:12px}.nav a:last-child{border:0}.download-nav{padding:8px 10px;font-size:10px;border-radius:8px}.hero{padding:109px 14px 0;min-height:570px}.eyebrow{font-size:8px}.hero-title-row{margin-top:27px}.hero h1{font-size:clamp(59px,14vw,82px)}.hero-orbit{right:-18px;top:0;transform:scale(.75) rotate(-14deg)}.hero h2{font-size:19px;margin-top:26px}.hero>p{font-size:13px}.download-hero{height:45px;min-width:184px;font-size:12px;border-radius:13px}.hero-meta{font-size:8px}.app-preview{margin-top:0}.preview-window{border-radius:12px}.features{padding-top:77px;padding-bottom:66px}.section-kicker{font-size:9px}.features>h2{font-size:36px}.section-lead{font-size:12px}.feature-grid{grid-template-columns:1fr;gap:12px;margin-top:31px}.feature-card,.feature-main,.feature-preset{grid-column:auto;min-height:0;padding:22px 20px}.card-top{margin-bottom:23px}.feature-card h3{font-size:19px}.feature-card p{font-size:12px}.faq{padding-top:58px;padding-bottom:65px}.faq-content{width:100%}.faq h2{font-size:33px}.faq .section-lead{font-size:12px;margin-bottom:30px}.faq-list{gap:9px}.faq-list details{border-radius:14px}.faq-list summary{min-height:61px;padding:0 14px;font-size:12px;gap:10px}.chevron{width:25px;height:25px}.faq-list details p{font-size:11px;padding:0 14px 16px}.download-section{padding-bottom:65px}.download-box{padding:34px 17px;border-radius:16px}.download-box h2{font-size:29px}.download-box p{font-size:11px;line-height:1.65}.footer{min-height:76px;gap:10px}.footer .brand{font-size:10px}.footer>span,.footer>a:last-child{font-size:9px}.background-demo{gap:5px}.background-demo b{font-size:8px;padding:7px}}

/* Motion and finishing touches */
#snow { position: fixed; inset: 0; width: 100%; height: 100%; z-index: 6; pointer-events: none; opacity: .42; }
.hero-title-row { animation: rise-in .9s cubic-bezier(.2,.75,.25,1) both; }
.hero h2, .hero > p, .hero-meta { animation: rise-in .8s .12s cubic-bezier(.2,.75,.25,1) both; }
.hero-orbit { animation: orbit-float 4.5s ease-in-out infinite; }
.download-hero { display: flex; width: max-content; max-width: calc(100% - 24px); margin: 34px auto 0; position: relative; overflow: hidden; }
.download-hero:after { content: ''; position: absolute; top: -40%; bottom: -40%; left: -45%; width: 24%; transform: rotate(22deg); background: linear-gradient(90deg,transparent,#ffffffaa,transparent); animation: button-shine 5s 1.5s ease-in-out infinite; }
.feature-card, .faq-list details, .download-box { transition: transform .35s ease, border-color .35s ease, background-color .35s ease; }
.feature-card:hover, .faq-list details:hover { transform: translateY(-3px); border-color: #414146; }
.reveal { opacity: 0; transform: translateY(18px); transition: opacity .65s ease, transform .65s cubic-bezier(.2,.7,.2,1); }
.reveal.visible { opacity: 1; transform: translateY(0); }
@keyframes rise-in { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } }
@keyframes orbit-float { 0%,100% { translate: 0 0; } 50% { translate: 0 -7px; } }
@keyframes button-shine { 0%,62% { left: -45%; } 78%,100% { left: 125%; } }
@media(max-width:600px) { .download-hero { margin-top: 28px; } #snow { opacity: .32; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } #snow { display: none; } .reveal { opacity: 1; transform: none; } }
@media(max-width:600px) { .hero h1 { font-size: clamp(37px,11.5vw,62px); letter-spacing: -.08em; } .hero-orbit { right: -10px; transform: scale(.62) rotate(-14deg); } }

/* Screenshot crop and subtle 3D depth */
.preview-window { position: relative; perspective: 1400px; transform-style: preserve-3d; transform-origin: center; will-change: transform; transition: transform 180ms ease-out, box-shadow 350ms ease; animation: preview-float 7s ease-in-out infinite; box-shadow: 0 30px 100px #000a, 0 1px 35px #ffffff08; }
.preview-window img { transform: scale(1.055); transform-origin: center; }
.preview-window::after { content: ''; position: absolute; inset: 0; z-index: 2; pointer-events: none; border-radius: inherit; background: radial-gradient(circle at var(--shine-x,50%) var(--shine-y,35%), #ffffff14, transparent 38%); mix-blend-mode: screen; }
@keyframes preview-float { 0%,100% { translate: 0 0; } 50% { translate: 0 -7px; } }
@media(prefers-reduced-motion:reduce) { .preview-window { animation: none; } .preview-window img { transform: none; } }
.preview-window { aspect-ratio: 1.58; }
.preview-window img { position: absolute; left: -2%; top: -3.5%; width: 104%; height: 107%; max-width: none; object-fit: cover; transform: none; }
.preview-brand-overlay { position: absolute; z-index: 3; left: 5.4%; top: 3%; display: flex; flex-direction: column; gap: 1px; padding: 2px 4px; border-radius: 3px; color: #f2f2f2; background: rgba(20,22,23,.78); backdrop-filter: blur(3px); text-shadow: 0 1px 3px #000; }
.preview-brand-overlay b { font: 700 clamp(6px,.75vw,10px)/1.1 Arial,sans-serif; white-space: nowrap; }
.preview-brand-overlay small { color: #aeb1b2; font: 500 clamp(4px,.4vw,5px)/1.1 Arial,sans-serif; letter-spacing: .03em; white-space: nowrap; }
.preview-window { aspect-ratio: 1.68; }
.brand-star { display: inline-grid; place-items: center; flex: none; width: 18px; height: 18px; color: #fff; font-size: 19px; line-height: 1; text-shadow: 0 0 7px #fff, 0 0 15px #ffffffa8; }
.hero-star { position: absolute; right: -34px; top: 7px; color: #fff; font-size: 29px; line-height: 1; text-shadow: 0 0 9px #fff, 0 0 24px #ffffffb0; animation: orbit-float 4.5s ease-in-out infinite, star-glow 2.2s ease-in-out infinite alternate; }
@keyframes star-glow { from { filter: brightness(.85); } to { filter: brightness(1.35); } }
@media(max-width:600px) { .brand-star { transform: scale(.9); } .hero-star { right: -10px; top: 0; font-size: 22px; } }
.hero h1 { padding-right: .14em; }

/* Three-second brand intro */
body.is-loading { overflow: hidden; }
.intro-loader { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; background: #070709; opacity: 1; visibility: visible; transition: opacity .38s ease, visibility .38s ease; }
.intro-loader.is-finished { opacity: 0; visibility: hidden; pointer-events: none; }
.loader-content { width: min(300px, calc(100% - 48px)); display: flex; flex-direction: column; align-items: center; text-align: center; }
.loader-star { color: #fff; font-size: 35px; line-height: 1; text-shadow: 0 0 10px #fff, 0 0 35px #ffffffaa; animation: loader-star-pulse 1.3s ease-in-out infinite alternate; }
.loader-brand { margin-top: 20px; color: #f4f4f5; font: 600 12px var(--display); letter-spacing: .24em; }
.loader-caption { margin-top: 9px; color: #85858e; font-size: 11px; }
.loader-track { height: 2px; width: 180px; margin-top: 25px; background: #242428; border-radius: 2px; overflow: hidden; }
.loader-track span { display: block; height: 100%; width: 100%; background: linear-gradient(90deg,#aaaab2,#fff); transform: scaleX(0); transform-origin: left; animation: loader-progress 3s linear forwards; box-shadow: 0 0 10px #fff8; }
@keyframes loader-progress { to { transform: scaleX(1); } }
@keyframes loader-star-pulse { from { transform: scale(.9) rotate(-10deg); opacity: .7; } to { transform: scale(1.08) rotate(10deg); opacity: 1; } }

/* Expanded animated intro */
.intro-loader { overflow: hidden; background: radial-gradient(ellipse at 50% 46%,#19191f 0%,#0d0d11 31%,#070709 72%); }
.intro-loader::before,.intro-loader::after { content: ''; position: absolute; width: min(540px,90vw); aspect-ratio: 1; border-radius: 50%; border: 1px solid #ffffff08; pointer-events: none; animation: loader-halo 3s ease-in-out infinite alternate; }
.intro-loader::after { width: min(390px,70vw); animation-delay: .6s; border-color: #ffffff0c; }
.loader-content { position: relative; z-index: 1; width: min(410px,calc(100% - 40px)); animation: loader-arrive .7s cubic-bezier(.2,.8,.2,1) both; }
.loader-emblem { position: relative; display: grid; place-items: center; width: 132px; height: 132px; margin-bottom: 22px; perspective: 500px; }
.loader-ring { position: absolute; display: block; border: 1px solid #ffffff24; border-radius: 50%; }
.ring-one { inset: 7px; border-top-color: #fff; border-right-color: #ffffff70; transform: rotateX(58deg) rotateZ(-20deg); animation: loader-ring-spin 3.2s linear infinite; box-shadow: 0 0 20px #ffffff0b; }
.ring-two { inset: 19px; border-bottom-color: #d9d9e2; border-left-color: #ffffff66; transform: rotateX(64deg) rotateZ(30deg); animation: loader-ring-spin 4.2s linear infinite reverse; }
.loader-orbit-dot { position: absolute; left: 19px; top: 26px; width: 9px; height: 9px; border-radius: 50%; background: #fff; box-shadow: 0 0 14px #fff; animation: loader-dot-orbit 3.2s linear infinite; }
.loader-star { position: relative; color: #fff; font-size: 66px; line-height: 1; text-shadow: 0 0 12px #fff,0 0 34px #ffffffb8; animation: loader-star-pulse 1.3s ease-in-out infinite alternate; }
.loader-brand { margin-top: 0; font-size: 18px; letter-spacing: .3em; text-shadow: 0 0 25px #ffffff20; }
.loader-caption { display: flex; align-items: center; gap: 8px; margin-top: 12px; font-size: 13px; }
.loader-caption i { width: 6px; height: 6px; border-radius: 50%; background: #f5f5f7; box-shadow: 0 0 10px #fff; animation: loader-dot-pulse .8s ease-in-out infinite alternate; }
.loader-track { width: min(340px,80vw); height: 4px; margin-top: 31px; border-radius: 8px; background: #29292f; box-shadow: 0 0 20px #ffffff0b; }
.loader-track span { background: linear-gradient(90deg,#9a9aa4,#fff,#c9c9d1); }
.loader-foot { display: flex; justify-content: space-between; width: min(340px,80vw); margin-top: 10px; color: #676770; font: 9px var(--display); letter-spacing: .16em; }
#loader-count { color: #bcbcc4; font-variant-numeric: tabular-nums; }
@keyframes loader-arrive { from { opacity: 0; transform: translateY(18px) scale(.97); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes loader-halo { from { transform: scale(.94); opacity: .25; } to { transform: scale(1.05); opacity: .8; } }
@keyframes loader-ring-spin { to { rotate: 360deg; } }
@keyframes loader-dot-orbit { to { rotate: 360deg; } }
@keyframes loader-dot-pulse { to { opacity: .35; transform: scale(.65); } }
@media(max-width:600px) { .loader-emblem { width: 112px; height: 112px; } .loader-brand { font-size: 15px; letter-spacing: .22em; } .loader-caption { font-size: 12px; } }
.loader-orbit-dot { left: calc(50% - 4.5px); top: calc(50% - 4.5px); animation: loader-orbit-path 3.2s linear infinite; }
@keyframes loader-orbit-path { to { transform: rotate(360deg) translateX(48px); } }
.card-icon svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; transition: transform .25s ease, filter .25s ease; }
.card-icon { color: #e9e9ed; transition: border-color .25s ease, background .25s ease, color .25s ease; }
.feature-card:hover .card-icon { color: #fff; border-color: #55555d; background: linear-gradient(145deg,#25252a,#17171b); }
.feature-card:hover .card-icon svg { transform: scale(1.12); filter: drop-shadow(0 0 5px #ffffff72); }

/* Interactive color controls */
.slider-demo { grid-template-columns: 76px minmax(0,1fr) 34px; align-items: center; }
.slider-demo label { color: #c8c8cc; font-size: 11px; }
.slider-demo output { color: #a2a2aa; font-size: 11px; text-align: right; font-variant-numeric: tabular-nums; }
.adjustment-slider { appearance: none; -webkit-appearance: none; display: block; width: 100%; min-width: 0; height: 16px; margin: 0; background: transparent; cursor: pointer; }
.adjustment-slider::-webkit-slider-runnable-track { height: 3px; border-radius: 5px; background: linear-gradient(90deg,#e8e8eb 0 var(--range-progress,50%),#29292e var(--range-progress,50%) 100%); }
.adjustment-slider::-moz-range-track { height: 3px; border-radius: 5px; background: #29292e; }
.adjustment-slider::-moz-range-progress { height: 3px; border-radius: 5px; background: #e8e8eb; }
.adjustment-slider.spectrum-range::-webkit-slider-runnable-track { background: linear-gradient(90deg,#d44cf5,#ee568b,#e6d44e,#62d875,#42d5e6,#8c62fa); }
.adjustment-slider.spectrum-range::-moz-range-track { background: linear-gradient(90deg,#d44cf5,#ee568b,#e6d44e,#62d875,#42d5e6,#8c62fa); }
.adjustment-slider::-webkit-slider-thumb { appearance: none; -webkit-appearance: none; width: 13px; height: 13px; margin-top: -5px; border: 2px solid #fff; border-radius: 50%; background: #f3f3f4; box-shadow: 0 0 0 3px #ffffff12,0 1px 6px #0008; transition: transform .15s,box-shadow .15s; }
.adjustment-slider::-moz-range-thumb { width: 10px; height: 10px; border: 2px solid #fff; border-radius: 50%; background: #f3f3f4; box-shadow: 0 0 0 3px #ffffff12,0 1px 6px #0008; transition: transform .15s,box-shadow .15s; }
.adjustment-slider:hover::-webkit-slider-thumb { transform: scale(1.18); box-shadow: 0 0 0 4px #ffffff18,0 0 12px #ffffff60; }
.adjustment-slider:focus-visible { outline: none; }
.adjustment-slider:focus-visible::-webkit-slider-thumb { box-shadow: 0 0 0 4px #ffffff32,0 0 0 7px #ffffff12; }
.adjustment-slider:focus-visible::-moz-range-thumb { box-shadow: 0 0 0 4px #ffffff32,0 0 0 7px #ffffff12; }
.adjustment-reset { padding: 5px 9px; border: 1px solid #2b2b30; border-radius: 7px; background: #151518; color: #a9a9b0; font-size: 10px; cursor: pointer; transition: background .2s,color .2s,border-color .2s; }
.adjustment-reset:hover { color: #fff; background: #202025; border-color: #4a4a52; }
@media(max-width:600px) { .slider-demo { grid-template-columns: 67px minmax(0,1fr) 31px; gap: 8px; } .adjustment-reset { padding: 4px 7px; font-size: 9px; } }

/* Custom desktop cursor */
html.custom-cursor-active,html.custom-cursor-active * { cursor: none !important; }
.cursor-aura,.cursor-star { position: fixed; left: -100px; top: -100px; z-index: 1201; pointer-events: none; transform: translate(-50%,-50%); }
.cursor-aura { width: 34px; height: 34px; border: 1px solid #ffffff82; border-radius: 50%; background: #ffffff08; box-shadow: 0 0 18px #ffffff15,inset 0 0 10px #ffffff08; transition: width .2s ease,height .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease; }
.cursor-star { z-index: 1202; color: #fff; font-size: 13px; line-height: 1; text-shadow: 0 0 8px #fff,0 0 18px #ffffffbd; mix-blend-mode: difference; animation: cursor-twinkle 2.4s ease-in-out infinite; transition: transform .18s ease; }
html.cursor-hover .cursor-aura { width: 48px; height: 48px; background: #ffffff14; border-color: #fff; box-shadow: 0 0 24px #ffffff22,inset 0 0 14px #ffffff12; }
html.cursor-hover .cursor-star { transform: translate(-50%,-50%) scale(1.25); }
html.cursor-pressed .cursor-aura { width: 25px; height: 25px; background: #ffffff28; }
@keyframes cursor-twinkle { 0%,100% { opacity: .82; } 50% { opacity: 1; filter: drop-shadow(0 0 5px #fff); } }
@media(max-width:700px),(pointer:coarse),(prefers-reduced-motion:reduce) { .cursor-aura,.cursor-star { display: none !important; } html.custom-cursor-active,html.custom-cursor-active * { cursor: auto !important; } }
html.cursor-away .cursor-aura,html.cursor-away .cursor-star { opacity: 0; }

/* Four-second download launch */
body.download-preparing { overflow: hidden; }
.download-loader { position: fixed; inset: 0; z-index: 1100; display: grid; place-items: center; padding: 20px; background: rgba(5,5,7,.88); backdrop-filter: blur(14px); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .3s ease,visibility .3s ease; }
.download-loader.is-active { opacity: 1; visibility: visible; pointer-events: auto; }
.download-loader-card { width: min(410px,100%); padding: 42px 38px 30px; border: 1px solid #ffffff20; border-radius: 22px; background: radial-gradient(ellipse at 50% 0%,#222228,#111114 65%); box-shadow: 0 25px 100px #000c,0 0 45px #ffffff0b; text-align: center; transform: translateY(12px) scale(.98); transition: transform .35s cubic-bezier(.2,.8,.2,1); }
.download-loader.is-active .download-loader-card { transform: translateY(0) scale(1); }
.download-loader-emblem { position: relative; width: 70px; height: 70px; display: grid; place-items: center; margin: 0 auto 20px; }
.download-loader-emblem::before,.download-loader-emblem::after { content: ''; position: absolute; inset: 2px; border: 1px solid #ffffff45; border-radius: 50%; animation: orbit-spin 3.2s linear infinite; }
.download-loader-emblem::after { inset: 9px -5px; border-color: #ffffff20; transform: rotate(55deg); animation-duration: 4s; animation-direction: reverse; }
.download-loader-emblem span { position: relative; z-index: 1; color: #fff; font-size: 39px; line-height: 1; text-shadow: 0 0 12px #fff,0 0 30px #ffffffad; animation: loader-star-pulse 1s ease-in-out infinite alternate; }
.download-loader-emblem i { position: absolute; z-index: 2; width: 6px; height: 6px; border-radius: 50%; background: #fff; box-shadow: 0 0 12px #fff; animation: download-orbit 2.3s linear infinite; }
.download-loader-brand { color: #f3f3f5; font: 600 13px var(--display); letter-spacing: .24em; }
.download-loader-card p { margin: 9px 0 23px; color: #96969f; font-size: 12px; }
.download-progress { height: 4px; overflow: hidden; border-radius: 6px; background: #2a2a30; }
.download-progress span { display: block; width: 100%; height: 100%; transform: scaleX(0); transform-origin: left; border-radius: inherit; background: linear-gradient(90deg,#9d9da6,#fff); box-shadow: 0 0 12px #ffffff80; }
.download-loader.is-active .download-progress span { animation: download-fill 4s linear forwards; }
.download-countdown { display: flex; justify-content: space-between; margin-top: 10px; color: #696970; font: 9px var(--display); letter-spacing: .15em; }
.download-countdown b { color: #dadade; font-weight: 500; font-variant-numeric: tabular-nums; }
.download-disabled { cursor: pointer; transition: color .2s,border-color .2s,background .2s,transform .2s; }
.download-disabled:hover { color: #fff; border-color: #777780; background: #222227; transform: translateY(-2px); }
@keyframes download-fill { to { transform: scaleX(1); } }
@keyframes download-orbit { from { transform: rotate(0) translateX(31px); } to { transform: rotate(360deg) translateX(31px); } }
@media(prefers-reduced-motion:reduce) { .download-loader,.download-loader-card { transition: none; } .download-loader-emblem::before,.download-loader-emblem::after,.download-loader-emblem span,.download-loader-emblem i { animation: none; } }
@keyframes orbit-spin { to { transform: rotate(360deg); } }