:root{--navy-950:#050e24;--navy-900:#071532;--navy-800:#0c1b3d;--paper:#f8f9fc;--blue:#126bff;--violet:#5d2ae8;--magenta:#b144f5;--amber:#f59e0b;--grad-orbit:linear-gradient(100deg, var(--blue) 0%, var(--violet) 52%, var(--magenta) 100%);--grad-text:linear-gradient(96deg, #5d8bff 0%, #a26bff 50%, #e07bff 100%);--green:#22c55e;--green-text:#34d57f;--radius:16px;--radius-lg:24px;--radius-xl:32px;--shell:1200px;--gutter:clamp(20px, 5vw, 48px);--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-spring:cubic-bezier(.34, 1.4, .64, 1);--font-sans:var(--font-inter), ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace}:root,:root[data-theme=dark]{--bg:var(--navy-950);--bg-soft:var(--navy-900);--surface:#ffffff0b;--surface-solid:var(--navy-800);--border:#ffffff1c;--border-strong:#fff3;--text:#f2f5fc;--text-muted:#9eacc9;--text-faint:#6f7ea0;--accent:#8b6bff;--accent-text:#b79bff;--shadow:0 24px 60px -24px #000c;--glow:.55;--logo-nucleus:#f8f9fc;--logo-inner:#bfa1ff;--logo-inner-o:.8;--logo-ring-o:.28;--logo-orbit-end:#c56bff;--logo-core-a:#d08cff;--logo-core-b:#7b3aff;--logo-core-c:#2786ff}:root[data-theme=light]{--bg:#fff;--bg-soft:var(--paper);--surface:#fff;--surface-solid:#fff;--border:#e4e9f3;--border-strong:#cbd4e6;--text:var(--navy-900);--text-muted:#5a6885;--text-faint:#646f8c;--accent:#5d2ae8;--accent-text:#5d2ae8;--shadow:0 20px 50px -28px #07153273;--glow:.22;--logo-nucleus:#071532;--logo-inner:#a77aff;--logo-inner-o:.72;--logo-ring-o:.18;--logo-orbit-end:#b144f5;--logo-core-a:#b65cff;--logo-core-b:#7027ef;--logo-core-c:#126bff}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{letter-spacing:-.022em;margin:0;font-weight:800;line-height:1.1}h1{font-size:clamp(2.6rem,6.4vw,4.6rem)}h2{font-size:clamp(2rem,4.2vw,3.1rem)}h3{letter-spacing:-.012em;font-size:clamp(1.15rem,2vw,1.4rem)}p{margin:0}a{color:inherit;text-decoration:none}img,svg,video{max-width:100%;display:block}:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px;border-radius:6px}.shell{width:100%;max-width:var(--shell);padding-inline:var(--gutter);margin-inline:auto}.section{padding-block:clamp(72px,11vw,140px);position:relative}.section--tight{padding-block:clamp(40px,5.5vw,72px)}.section--flush{padding-block:0 clamp(56px,8vw,104px)}.band{background:var(--bg-soft);border-block:1px solid var(--border)}.band--plain{background:var(--bg-soft)}.stack{grid-template-columns:minmax(0,1fr);gap:18px;min-width:0;display:grid}.stack>*{min-width:0;max-width:100%}.center{text-align:center;justify-items:center}.lead{color:var(--text-muted);max-width:62ch;font-size:clamp(1.05rem,1.6vw,1.24rem);line-height:1.65}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--accent-text);align-items:center;gap:9px;font-size:.74rem;font-weight:700;display:inline-flex}.eyebrow:before{content:"";background:var(--grad-orbit);border-radius:2px;width:22px;height:2px}.eyebrow--center:before{display:none}.grad-text{background:var(--grad-text);color:#0000;-webkit-background-clip:text;background-clip:text}:root[data-theme=light] .grad-text{background:var(--grad-orbit);-webkit-background-clip:text;background-clip:text}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}a.sr-only:focus-visible{z-index:100;clip-path:none;background:var(--surface-solid);width:auto;height:auto;color:var(--text);border:1px solid var(--border-strong);border-radius:999px;margin:0;padding:12px 18px;font-weight:650;position:fixed;top:12px;left:12px}.btn{--btn-bg:var(--grad-orbit);font:inherit;letter-spacing:-.01em;color:#fff;background:var(--btn-bg);cursor:pointer;transition:transform .25s var(--ease-out), box-shadow .25s var(--ease-out);border:0;border-radius:999px;align-items:center;gap:10px;padding:14px 24px;font-size:.98rem;font-weight:650;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 12px 30px -14px #5d2ae8e6}.btn:after{content:"";background:linear-gradient(100deg,#0000,#ffffff61,#0000);position:absolute;inset:0;transform:translate(-140%)}.btn:hover{transform:translateY(-2px);box-shadow:0 18px 38px -16px #5d2ae8}.btn:hover:after{animation:sheen .8s var(--ease-out)}.btn:active{transform:translateY(0)}.btn--ghost{color:var(--text);background:var(--surface);box-shadow:none;border:1px solid var(--border-strong);backdrop-filter:blur(12px)}.btn--ghost:hover{border-color:var(--accent-text);box-shadow:0 10px 26px -18px #5d2ae8e6}.btn--sm{padding:10px 18px;font-size:.9rem}.btn-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}@keyframes sheen{to{transform:translate(140%)}}.link-arrow{color:var(--accent-text);align-items:center;gap:7px;font-weight:640;display:inline-flex}.link-arrow svg{transition:transform .25s var(--ease-out)}.link-arrow:hover svg{transform:translate(4px)}.card{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);backdrop-filter:blur(14px);transition:transform .35s var(--ease-out), border-color .35s var(--ease-out), box-shadow .35s var(--ease-out);padding:28px;position:relative}:root[data-theme=light] .card{box-shadow:0 1px 2px #0715320d}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow);transform:translateY(-4px)}.card__icon{background:var(--grad-orbit);color:#fff;border-radius:14px;place-items:center;width:46px;height:46px;margin-bottom:18px;display:grid;box-shadow:0 10px 24px -12px #5d2ae8e6}.card__title{letter-spacing:-.014em;margin-bottom:8px;font-size:1.13rem;font-weight:750}.card__body{color:var(--text-muted);font-size:.97rem;line-height:1.6}.grid{gap:20px;display:grid}.grid--2{grid-template-columns:repeat(auto-fit,minmax(min(100%,430px),1fr))}.grid--3{grid-template-columns:repeat(auto-fit,minmax(min(100%,268px),1fr))}.grid--4{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}.aurora{z-index:-2;pointer-events:none;position:fixed;inset:0;overflow:hidden}.aurora__blob{filter:blur(110px);opacity:calc(var(--glow) * .62);border-radius:50%;position:absolute}.aurora__blob--a{background:#1b4fe0;width:52vmax;height:52vmax;animation:26s ease-in-out infinite alternate drift-a;top:-18vmax;left:-12vmax}.aurora__blob--b{background:#8a2be2;width:44vmax;height:44vmax;animation:32s ease-in-out infinite alternate drift-b;top:22vmax;right:-14vmax}.aurora__blob--c{background:#0e7cff;width:36vmax;height:36vmax;animation:38s ease-in-out infinite alternate-reverse drift-a;bottom:-16vmax;left:28vw}.aurora__grid{background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);opacity:.55;background-size:68px 68px;position:absolute;inset:0;mask-image:radial-gradient(90% 60% at 50% 0,#000 20%,#0000 75%)}@keyframes drift-a{to{transform:translate(9vmax,6vmax)scale(1.12)}}@keyframes drift-b{to{transform:translate(-8vmax,-5vmax)scale(1.08)}}[data-reveal]{opacity:0;transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);transition-delay:var(--d,0s);transform:translateY(26px)}[data-reveal=left]{transform:translate(-30px)}[data-reveal=right]{transform:translate(30px)}[data-reveal=zoom]{transform:scale(.94)}[data-reveal=none],[data-reveal].is-in{opacity:1;transform:none}.site-header{z-index:50;transition:background .3s var(--ease-out), border-color .3s var(--ease-out), backdrop-filter .3s;border-bottom:1px solid #0000;position:sticky;top:0}.site-header.is-stuck{background:color-mix(in srgb, var(--bg) 78%, transparent);backdrop-filter:blur(16px)saturate(140%);border-bottom-color:var(--border)}.site-header__inner{align-items:center;gap:18px;height:70px;display:flex}.site-nav{align-items:center;gap:4px;margin-left:auto;display:flex}.site-nav a{color:var(--text-muted);border-radius:999px;padding:8px 14px;font-size:.94rem;font-weight:560;transition:color .2s,background .2s}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--text);background:var(--surface)}.header-actions{align-items:center;gap:10px;display:flex}.icon-btn{border:1px solid var(--border);width:38px;height:38px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:999px;place-items:center;transition:color .2s,border-color .2s,transform .2s;display:grid}.icon-btn:hover{color:var(--text);border-color:var(--border-strong);transform:translateY(-1px)}.theme-toggle .moon{display:none}:root[data-theme=light] .theme-toggle .moon{display:block}:root[data-theme=light] .theme-toggle .sun,.nav-toggle{display:none}@media (width<=860px){.site-nav{padding:14px var(--gutter) 22px;background:var(--bg-soft);border-bottom:1px solid var(--border);opacity:0;pointer-events:none;transition:.25s var(--ease-out);flex-direction:column;align-items:stretch;gap:2px;position:fixed;inset:70px 0 auto;transform:translateY(-12px)}.site-nav.is-open{opacity:1;pointer-events:auto;transform:none}.site-nav a{padding:12px 14px;font-size:1rem}.nav-toggle{display:grid}.header-actions .btn{display:none}}.scroll-progress{display:none}@supports (animation-timeline:scroll()){.scroll-progress{z-index:60;transform-origin:0;background:var(--grad-orbit);height:2px;animation:linear both progress scroll(root);display:block;position:fixed;inset:0 0 auto}@keyframes progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}}.brand{letter-spacing:-.02em;align-items:center;gap:11px;font-size:1.12rem;font-weight:800;display:inline-flex}.brand__mark{flex:none;width:34px;height:34px}.brand__name .sol{background:var(--grad-text);color:#0000;-webkit-background-clip:text;background-clip:text}:root[data-theme=light] .brand__name .sol{background:var(--grad-orbit);-webkit-background-clip:text;background-clip:text}.hero{padding-block:clamp(64px,11vw,132px) clamp(56px,9vw,110px);position:relative}.hero__inner{align-items:center;gap:clamp(36px,5vw,64px);display:grid}.hero__copy{text-align:center;justify-items:center;gap:20px;max-width:780px;margin-inline:auto;display:grid}.hero--split .hero__inner{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}@media (width<=940px){.hero--split .hero__inner{grid-template-columns:1fr}}.hero h1{margin-bottom:20px}.hero__stage{place-items:center;width:100%;min-height:380px;display:grid;position:relative}.badge-pill{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:9px;padding:7px 15px 7px 9px;font-size:.84rem;font-weight:560;display:inline-flex}.badge-pill b{color:var(--text);font-weight:700}.badge-pill .dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2.4s ease-out infinite pulse-dot;box-shadow:0 0 #22c55e99}@keyframes pulse-dot{70%{box-shadow:0 0 0 9px #22c55e00}to{box-shadow:0 0 #22c55e00}}.type-in>span{opacity:0;display:inline-block}.type-in.is-in>span{animation:letter-rise .66s var(--ease-out) forwards;animation-delay:calc(var(--i) * 42ms + var(--base,0s))}@keyframes letter-rise{0%{opacity:0;filter:blur(8px);transform:translateY(26px)scale(.9)}to{opacity:1;filter:blur();transform:none}}.stats{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:14px;display:grid}.stat{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);padding:20px 22px}.stat__value{letter-spacing:-.03em;font-size:clamp(1.7rem,3.2vw,2.3rem);font-weight:800}.stat__label{color:var(--text-muted);margin-top:2px;font-size:.84rem}.marquee{overflow:hidden;mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.marquee__track{gap:12px;width:max-content;animation:34s linear infinite slide-left;display:flex}.marquee:hover .marquee__track{animation-play-state:paused}.chip{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-size:.88rem;font-weight:560;display:inline-flex}@keyframes slide-left{to{transform:translate(-50%)}}.split{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));align-items:center;gap:clamp(32px,5vw,64px);display:grid}.split--flip>:first-child{order:2}@media (width<=760px){.split--flip>:first-child{order:0}}.feature-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.feature-list li{color:var(--text-muted);align-items:flex-start;gap:11px;display:flex}.feature-list svg{color:var(--accent-text);flex:none;margin-top:3px}.feature-list b{color:var(--text);font-weight:640}.matrix{border-collapse:collapse;width:100%;font-size:.94rem}.matrix th,.matrix td{text-align:left;border-bottom:1px solid var(--border);padding:13px 14px}.matrix thead th{letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);font-size:.78rem;font-weight:700}.matrix td:not(:first-child),.matrix th:not(:first-child){text-align:center}.matrix tbody tr:hover{background:var(--surface)}.table-wrap{border-radius:var(--radius);border:1px solid var(--border);min-width:0;overflow-x:auto}.faq{gap:10px;display:grid}.faq details{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:border-color .25s var(--ease-out);padding:4px 20px}.faq details[open]{border-color:var(--border-strong)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;font-weight:640;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";transform-origin:50%;width:11px;height:11px;color:var(--text-faint);transition:transform .3s var(--ease-out);border-bottom:2px solid;border-right:2px solid;flex:none;margin:0 3px 4px 0;transform:rotate(45deg)}.faq details[open] summary:after{transform:rotate(-135deg)}.faq p{color:var(--text-muted);padding-bottom:18px}.cta{border-radius:var(--radius-xl);text-align:center;background:linear-gradient(140deg, var(--navy-900), #1a1150 60%, #2b1163);border:1px solid var(--border-strong);color:#fff;padding:clamp(40px,6vw,72px);position:relative;overflow:hidden}.cta:before{content:"";background:radial-gradient(at 50% 0,#8c5aff73,#0000 62%);height:120%;animation:7s ease-in-out infinite breathe;position:absolute;inset:-40% -10% auto}.cta>*{position:relative}.cta .lead{color:#ffffffc7;margin-inline:auto}@keyframes breathe{50%{opacity:.72;transform:scale(1.14)}}.site-footer{border-top:1px solid var(--border);background:var(--bg-soft);padding-block:56px 36px}.footer-grid{grid-template-columns:1.6fr repeat(3,minmax(0,1fr));gap:36px;display:grid}@media (width<=760px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.footer-grid>:first-child{grid-column:1/-1}}.footer-col h4{letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin-bottom:14px;font-size:.78rem;font-weight:700}.footer-col a{color:var(--text-muted);overflow-wrap:anywhere;padding:5px 0;font-size:.94rem;transition:color .2s;display:block}.footer-col a:hover{color:var(--text)}.footer-bottom{border-top:1px solid var(--border);color:var(--text-faint);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:44px;padding-top:22px;font-size:.87rem;display:flex}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1!important;transform:none!important}}.prose{max-width:74ch;margin-inline:auto}.prose h2{margin:2.4em 0 .6em;font-size:clamp(1.3rem,2.4vw,1.65rem)}.prose h3{margin:1.8em 0 .4em;font-size:1.06rem}.prose p,.prose li{color:var(--text-muted);font-size:1rem;line-height:1.72}.prose p{margin:0 0 1em}.prose ul{gap:.5em;margin:0 0 1.2em;padding-left:1.2em;display:grid}.prose a{color:var(--accent-text);text-underline-offset:.2em;text-decoration:underline}.prose strong{color:var(--text);font-weight:650}.prose__meta{color:var(--text-faint);margin-bottom:2.4em;font-size:.88rem}.prose table{border-collapse:collapse;width:100%;margin:0 0 1.4em;font-size:.94rem}.prose th,.prose td{text-align:left;border-bottom:1px solid var(--border);color:var(--text-muted);padding:.6em .7em}.prose th{color:var(--text);font-weight:650}.demo{border-radius:var(--radius-lg);border:1px solid var(--border);background:linear-gradient(165deg, color-mix(in srgb, var(--surface-solid) 92%, transparent), var(--bg-soft));box-shadow:var(--shadow);padding:22px;position:relative;overflow:hidden}:root[data-theme=light] .demo{background:#fff}.demo:before{content:"";pointer-events:none;background:radial-gradient(70% 50% at 50% -10%,#8c5aff38,#0000 70%);position:absolute;inset:0}.demo>*{position:relative}.demo__label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);align-items:center;gap:8px;margin-bottom:14px;font-size:.76rem;font-weight:700;display:flex}.demo__label:before{content:"";background:var(--grad-orbit);border-radius:50%;width:7px;height:7px}.qb{gap:9px;display:grid}.qb__head{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.qb__title{letter-spacing:-.015em;font-weight:750}.qb__sub{color:var(--text-faint);font-size:.8rem}.qb-row{--active:0;border:1.5px solid var(--border);background:color-mix(in srgb, var(--surface) 60%, transparent);border-radius:14px;grid-template-columns:20px auto auto minmax(0,1fr);align-items:center;gap:10px;padding:13px 15px;display:grid}.is-in .qb-row{animation:qb-cycle 10.5s var(--ease-out) infinite}.is-in .qb-row:nth-child(2){animation-delay:3.5s}.is-in .qb-row:nth-child(3){animation-delay:7s}.qb-row__dot{border:2px solid var(--border-strong);border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.qb-row__dot:after{content:"";background:var(--grad-orbit);width:9px;height:9px;transition:transform .3s var(--ease-spring);border-radius:50%;transform:scale(0)}.is-in .qb-row .qb-row__dot:after{animation:qb-dot 10.5s var(--ease-out) infinite}.is-in .qb-row:nth-child(2) .qb-row__dot:after{animation-delay:3.5s}.is-in .qb-row:nth-child(3) .qb-row__dot:after{animation-delay:7s}.qb-row__qty{white-space:nowrap;font-size:.97rem;font-weight:640}.qb-row__off{background:var(--grad-orbit);color:#fff;border-radius:999px;grid-column:3;justify-self:start;padding:3px 9px;font-size:.74rem;font-weight:750}.qb-row__price{text-align:right;font-variant-numeric:tabular-nums;letter-spacing:-.02em;grid-column:4;font-weight:740}.qb-row__price s{color:var(--text-faint);margin-right:7px;font-size:.84em;font-weight:500}.qb__save{text-align:center;background:color-mix(in srgb, var(--green) 15%, transparent);color:var(--green-text);border:1px solid color-mix(in srgb, var(--green) 28%, transparent);border-radius:12px;margin-top:4px;padding:11px 15px;font-size:.92rem;font-weight:700}.is-in .qb__save{animation:10.5s ease-in-out infinite qb-save}.qb__save span{display:inline-block}@keyframes qb-cycle{0%,4%{border-color:var(--border);background:color-mix(in srgb, var(--surface) 60%, transparent);transform:none}8%,28%{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);transform:translateY(-2px)}34%,to{border-color:var(--border);background:color-mix(in srgb, var(--surface) 60%, transparent);transform:none}}@keyframes qb-dot{0%,5%{transform:scale(0)}10%,28%{transform:scale(1)}33%,to{transform:scale(0)}}@keyframes qb-save{0%,6%{opacity:0;transform:translateY(6px)}12%,92%{opacity:1;transform:none}to{opacity:1}}.bx{gap:10px;display:grid}.bx-line{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 60%, transparent);opacity:0;border-radius:14px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:13px;padding:11px 13px;display:grid;transform:translateY(14px)}.is-in .bx-line{animation:bx-in .6s var(--ease-out) forwards;animation-delay:calc(var(--i) * .28s)}.bx-line__img{object-fit:cover;background:var(--bg-soft);border:1px solid var(--border);border-radius:10px;width:44px;height:44px}.bx-line--gift .bx-line__img{border-color:color-mix(in srgb, var(--amber) 45%, transparent)}.bx-line__name{font-size:.95rem;font-weight:620}.bx-line__meta{color:var(--text-faint);font-size:.8rem}.bx-line__price{font-variant-numeric:tabular-nums;font-weight:740}.bx-line--gift{border-color:color-mix(in srgb, var(--amber) 45%, transparent);background:color-mix(in srgb, var(--amber) 10%, transparent)}.bx-tag{letter-spacing:.04em;background:var(--amber);color:#23180a;border-radius:999px;padding:3px 9px;font-size:.72rem;font-weight:800}.bx__rule{border:1px dashed var(--border-strong);color:var(--text-muted);border-radius:12px;align-items:center;gap:9px;margin-top:4px;padding:11px 14px;font-size:.88rem;display:flex}.bx__spark{opacity:0;background:#ffd15a;border-radius:50%;width:7px;height:7px;position:absolute}.is-in .bx__spark{animation:bx-spark 1.1s var(--ease-out) forwards;animation-delay:calc(1.1s + var(--i) * 70ms)}@keyframes bx-in{to{opacity:1;transform:none}}@keyframes bx-spark{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(var(--x), var(--y)) scale(.3)}}.cg{gap:16px;display:grid}.cg__headline{font-size:1.02rem;font-weight:700}.cg__headline em{color:var(--accent-text);font-style:normal}.cg__track{background:color-mix(in srgb, var(--text) 10%, transparent);border-radius:999px;height:12px;position:relative;overflow:hidden}.cg__fill{background:var(--grad-orbit);border-radius:999px;width:8%;position:absolute;inset:0 auto 0 0}.is-in .cg__fill{animation:cg-fill 9s var(--ease-out) infinite}.cg__fill:after{content:"";background:linear-gradient(100deg,#0000,#ffffff80,#0000);border-radius:999px;animation:2.2s linear infinite cg-shine;position:absolute;inset:0}.cg__marks{justify-content:space-between;gap:10px;display:flex}.cg-mark{text-align:center;flex:1;justify-items:center;gap:4px;display:grid}.cg-mark__dot{border:2px solid var(--border-strong);width:30px;height:30px;color:var(--text-faint);background:var(--bg-soft);border-radius:50%;place-items:center;display:grid}.is-in .cg-mark__dot{animation:cg-hit 9s var(--ease-out) infinite}.is-in .cg-mark:nth-child(2) .cg-mark__dot{animation-delay:.9s}.is-in .cg-mark:nth-child(3) .cg-mark__dot{animation-delay:2.1s}.cg-mark__label{color:var(--text-muted);font-size:.8rem;font-weight:560}.cg-mark__value{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:.74rem}@keyframes cg-fill{0%{width:8%}38%{width:52%}62%{width:78%}88%,to{width:100%}}@keyframes cg-shine{to{transform:translate(120%)}}@keyframes cg-hit{0%,24%{border-color:var(--border-strong);color:var(--text-faint);background:var(--bg-soft);transform:none}30%,to{color:#fff;background-image:var(--grad-orbit);border-color:#0000;transform:scale(1.08)}}.an{gap:18px;display:grid}.an__row{flex-wrap:wrap;gap:22px;display:flex}.an__kpi{gap:2px;display:grid}.an__kpi b{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:800}.an__kpi span{color:var(--text-faint);font-size:.78rem}.an__chart{align-items:flex-end;gap:7px;height:132px;display:flex}.an__bar{background:var(--grad-orbit);opacity:.35;transform-origin:bottom;border-radius:6px 6px 3px 3px;flex:1;height:0}.an__bar--hot{opacity:1}.is-in .an__bar{animation:an-grow .9s var(--ease-out) forwards;animation-delay:calc(var(--i) * 60ms)}.an__legend{color:var(--text-faint);gap:14px;font-size:.78rem;display:flex}.an__legend i{background:var(--grad-orbit);border-radius:3px;width:9px;height:9px;margin-right:5px;display:inline-block}@keyframes an-grow{to{height:var(--h,50%)}}.bw{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-solid);overflow:hidden}:root[data-theme=light] .bw{background:#fff}.bw__bar{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--text) 5%, transparent);align-items:center;gap:7px;padding:10px 14px;display:flex}.bw__dot{background:var(--border-strong);border-radius:50%;flex:none;width:9px;height:9px}.bw__url{color:var(--text-faint);background:var(--bg-soft);font-size:.74rem;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;margin-left:8px;padding:4px 12px;overflow:hidden}.bw__body{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:start;gap:clamp(18px,2.4vw,30px);padding:clamp(16px,2.2vw,24px);display:grid}@media (width<=860px){.bw__body{grid-template-columns:minmax(0,1fr)}}.bw__gallery{gap:10px;display:grid}.bw__photo{aspect-ratio:4/5;object-fit:cover;background:var(--bg-soft);border-radius:12px;width:100%;height:auto}.bw__thumbs{gap:8px;display:flex}.bw__thumbs span{border:1px solid var(--border);opacity:.55;background-color:#eef1f8;background-image:url(/mock/product-coffee.svg);background-size:190%;border-radius:8px;width:38px;height:38px;transition:opacity .2s}.bw__thumbs span:nth-child(2){background-position:70% 40%}.bw__thumbs span:nth-child(3){background-position:20% 70%}.bw__thumbs .is-on{border-color:var(--accent);opacity:1;box-shadow:inset 0 0 0 1px var(--accent)}@media (width<=860px){.bw__gallery{max-width:300px}}.bw__side{align-content:start;gap:10px;min-width:0;display:grid}.bw__crumb{letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);font-size:.74rem;font-weight:700}.bw__name{letter-spacing:-.02em;margin:-2px 0 0;font-size:clamp(1.15rem,2vw,1.5rem);font-weight:780}.bw__rating{color:var(--text-faint);align-items:center;gap:8px;margin:-2px 0 0;font-size:.82rem;display:flex}.bw__stars{color:#f5b62e;letter-spacing:1px}.bw__price{letter-spacing:-.03em;margin:2px 0 4px;font-size:1.35rem;font-weight:800}.bw__opts{flex-wrap:wrap;gap:8px;margin-bottom:4px;display:flex}.bw__opt{border:1px solid var(--border);color:var(--text-muted);background:var(--surface);border-radius:9px;padding:7px 13px;font-size:.82rem;font-weight:600}.bw__opt.is-on{border-color:var(--accent);color:var(--text);box-shadow:inset 0 0 0 1px var(--accent)}.bw__slot{opacity:0;transform:translateY(10px)scale(.98)}.is-in .bw__slot{animation:bw-slot .8s .55s var(--ease-spring) forwards}.bw__cta{background:var(--grad-orbit);color:#fff;letter-spacing:-.01em;border-radius:10px;place-items:center;height:44px;margin-top:4px;font-size:.95rem;font-weight:700;display:grid}@keyframes bw-slot{to{opacity:1;transform:none}}.bw .demo{box-shadow:none;background:0 0;border:0;padding:0;overflow:visible}.bw .demo:before,.bw .demo__label{display:none}.constellation{aspect-ratio:1;place-items:center;width:min(100%,460px);margin-inline:auto;display:grid;position:relative}.constellation__halo{border:1px dashed var(--border);border-radius:50%;position:absolute;inset:14%}.constellation__halo--out{inset:0}.constellation__ping{border:1.5px solid color-mix(in srgb, var(--accent) 55%, transparent);opacity:0;animation:4.4s cubic-bezier(.2,.7,.2,1) infinite ping;animation-delay:var(--dl,0s);border-radius:50%;position:absolute;inset:26%}@keyframes ping{0%{opacity:.7;transform:scale(.72)}70%{opacity:0}to{opacity:0;transform:scale(1.7)}}.constellation__chip{white-space:nowrap;letter-spacing:-.01em;background:color-mix(in srgb, var(--surface-solid) 92%, transparent);border:1px solid var(--border-strong);color:var(--text);box-shadow:var(--shadow);backdrop-filter:blur(10px);opacity:0;animation:chip-in .7s var(--ease-spring) forwards, float 7s ease-in-out infinite;animation-delay:var(--dl,0s), calc(var(--dl,0s) + .7s);border-radius:999px;align-items:center;gap:8px;padding:9px 15px;font-size:.82rem;font-weight:640;display:inline-flex;position:absolute}.constellation__chip i{background:var(--grad-orbit);border-radius:50%;flex:none;width:7px;height:7px}.constellation__chip--ne{top:7%;right:-2%}.constellation__chip--se{bottom:16%;right:-6%}.constellation__chip--sw{bottom:2%;left:2%}.constellation__chip--nw{top:19%;left:-6%}@media (width<=520px){.constellation__chip{padding:7px 12px;font-size:.74rem}.constellation__chip--ne,.constellation__chip--se{right:0}.constellation__chip--nw,.constellation__chip--sw{left:0}}@keyframes chip-in{0%{opacity:0;transform:translateY(14px)scale(.9)}to{opacity:1;transform:none}}@keyframes float{50%{transform:translateY(-9px)}}.logo-mark{overflow:visible}.logo-mark .lm-outer,.logo-mark .lm-inner,.logo-mark .lm-ring{transform-origin:600px 600px}.logo-mark.is-animated .lm-orbit{stroke-dasharray:0 729;animation:1.1s cubic-bezier(.65,0,.35,1) .55s forwards lm-draw-outer}.logo-mark.is-animated .lm-signal{stroke-dasharray:0 540;animation:1s cubic-bezier(.65,0,.35,1) .4s forwards lm-draw-inner}.logo-mark.is-animated .lm-outer{animation:1.3s cubic-bezier(.2,.8,.2,1) .5s both lm-spin-in-ccw}.logo-mark.is-animated .lm-inner{animation:1.1s cubic-bezier(.2,.8,.2,1) .35s both lm-spin-in-cw}.logo-mark.is-animated .lm-nucleus{transform-origin:600px 600px;animation:.8s cubic-bezier(.34,1.4,.64,1) .12s both lm-pop}.logo-mark.is-animated .lm-core{transform-origin:600px 600px;animation:.8s cubic-bezier(.34,1.56,.64,1) both lm-pop}.logo-mark.is-animated .lm-ring{animation:.7s .8s both lm-fade}.logo-mark.is-idle .lm-outer{animation:44s linear infinite lm-spin}.logo-mark.is-idle .lm-inner{animation:28s linear infinite lm-spin-rev}.logo-mark.is-idle .lm-ring{animation:17s linear infinite lm-spin}.logo-mark.is-animated.is-idle .lm-outer{animation:1.3s cubic-bezier(.2,.8,.2,1) .5s both lm-spin-in-ccw,44s linear 2s infinite lm-spin}.logo-mark.is-animated.is-idle .lm-inner{animation:1.1s cubic-bezier(.2,.8,.2,1) .35s both lm-spin-in-cw,28s linear 2s infinite lm-spin-rev}.logo-mark.is-animated.is-idle .lm-ring{animation:.7s .8s both lm-fade,17s linear 2s infinite lm-spin}@keyframes lm-draw-outer{to{stroke-dasharray:580 149}}@keyframes lm-draw-inner{to{stroke-dasharray:172 368}}@keyframes lm-spin-in-ccw{0%{transform:rotate(200deg)}to{transform:rotate(0)}}@keyframes lm-spin-in-cw{0%{transform:rotate(-140deg)}to{transform:rotate(0)}}@keyframes lm-spin{to{transform:rotate(360deg)}}@keyframes lm-spin-rev{to{transform:rotate(-360deg)}}@keyframes lm-pop{0%{opacity:0;transform:scale(0)}60%{opacity:1}to{opacity:1;transform:scale(1)}}@keyframes lm-fade{0%{opacity:0}to{opacity:1}}