.wrap{max-width:72rem;margin-inline:auto;padding-inline:1rem}.p-block{padding-block:3rem}.p-hero{position:relative;overflow:hidden;min-height:50vh;display:flex;align-items:flex-end;padding-top:9.5rem;margin-top:calc(-1 * var(--nav-h));background:linear-gradient(135deg,var(--p1) 0%,color-mix(in srgb,var(--p2) 27%,transparent) 50%,var(--p1) 100%)}.p-orb{position:absolute;top:25%;right:25%;width:24rem;height:24rem;border-radius:50%;opacity:.2;background:var(--p2);animation:p-orb 20s linear infinite}.p-back{position:absolute;top:6rem;left:2rem;z-index:20;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--r-pill);background:#0000004d;color:#fff;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background-color .2s;animation:p-slide-right .3s ease .3s both}.p-back:hover{background:#00000080}.p-sky{position:absolute;inset:0;pointer-events:none;overflow:hidden}.p-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(139,92,246,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.22) 1px,transparent 1px);background-size:100px 100px;background-position:center top;-webkit-mask-image:radial-gradient(ellipse 80% 90% at 50% 30%,#000 35%,transparent 100%);mask-image:radial-gradient(ellipse 80% 90% at 50% 30%,#000 35%,transparent 100%)}.p-sky .star{position:absolute;width:4px;height:4px;border-radius:50%;background:#a78bfa;box-shadow:0 0 6px #a78bfae6;opacity:.75;animation:p-twinkle 4.5s ease-in-out var(--t, 0s) infinite}.p-hero-content{position:relative;z-index:10;width:100%;padding-bottom:4rem;animation:p-rise-50 .6s ease .2s both}.p-cat{display:inline-block;padding:.25rem .75rem;border-radius:var(--r-pill);background:#fff3;color:#fff;font-size:.875rem;margin-bottom:1rem}.p-hero h1{font-size:clamp(3rem,7vw,4.5rem);line-height:1;letter-spacing:-.04em;font-weight:800;color:#fff;margin-bottom:1rem}.p-hero-content p{font-size:1.25rem;color:#fffc;max-width:42rem}.p-hero-fade{position:absolute;left:0;right:0;bottom:0;height:8rem;background:linear-gradient(to top,var(--bg),transparent)}.pv-head{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.pv-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem 1rem}.pv-title{display:flex;align-items:center;gap:.75rem}.pv-title .icon{font-size:1.5rem;color:#a78bfa}.site .pv-title h2{font-size:1.5rem;line-height:1.3;letter-spacing:-.02em;color:#fff}.pv-full{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:0;border-radius:var(--r-pill);background:#ffffff1a;color:#fff;font:inherit;font-size:.875rem;cursor:pointer;transition:background-color .2s}.pv-full:hover{background:#fff3}.pv-full .short{display:none}.pv-views{display:flex;align-items:center;gap:.5rem}.pv-views>span{color:var(--muted);font-size:.875rem;margin-right:.5rem}.pv-view{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:0;border-radius:10px;background:#ffffff0d;color:var(--muted);font:inherit;cursor:pointer;transition:background-color .2s,color .2s,box-shadow .2s}.pv-view:hover{background:#ffffff1a;color:#fff}.pv-view b{font-size:.875rem;font-weight:500}.pv-view small{font-size:.75rem;color:var(--faint)}.pv-view[aria-pressed=true]{background:var(--accent);color:#fff;box-shadow:0 10px 15px -3px #7c3aed4d}.pv-view[aria-pressed=true] small{color:#ddd6fe}.pv-note{display:none;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:10px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2)}.pv-note .icon{color:#a78bfa;font-size:1rem}.pv-note p{font-size:.75rem;color:#c4b5fd}.pv-frame{width:1032px;max-width:100%;margin-inline:auto;border-radius:1rem;overflow:hidden;border:1px solid var(--line-strong);background:linear-gradient(to bottom right,var(--surface),var(--surface-2));box-shadow:0 25px 50px -12px #0009;transition:width .5s}.pv-bar{height:3rem;display:flex;align-items:center;gap:.5rem;padding-inline:1rem;background:var(--surface-2);border-bottom:1px solid var(--line)}.pv-dots{display:flex;gap:.5rem}.pv-dots span{width:.75rem;height:.75rem;border-radius:50%}.pv-dots span:nth-child(1){background:#ef4444}.pv-dots span:nth-child(2){background:#eab308}.pv-dots span:nth-child(3){background:#22c55e}.pv-url{flex:1;min-width:0;margin-inline:1rem}.pv-url span{display:block;max-width:28rem;margin-inline:auto;height:1.5rem;line-height:1.5rem;padding-inline:1rem;border-radius:var(--r-pill);background:#ffffff0f;color:var(--muted);font-size:.875rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pv-size{color:var(--faint);font-size:.75rem;white-space:nowrap;font-variant-numeric:tabular-nums}.pv-screen{position:relative;height:657px;padding:1rem;background:var(--bg-2);overflow:hidden;transition:height .5s}.pv-device{position:relative;width:100%;height:100%}.pv-screen img,.pv-screen iframe{display:block;width:100%;height:100%;border:0;object-fit:cover;object-position:top center;background:var(--surface-2)}@media(min-width:768px){.pv-frame.is-sim{width:var(--fw)}.pv-frame.is-sim .pv-screen{height:var(--sh)}.pv-frame.is-sim .pv-device{position:absolute;top:1rem;left:50%;width:auto;height:auto;transform:translate(-50%) scale(var(--s, 1));transform-origin:top center}.pv-frame.is-sim iframe{width:var(--dw);height:var(--dh);background:#fff}.pv-frame.is-sim[data-view=tablet] .pv-device{padding:8px;border-radius:24px;background:var(--surface-2);box-shadow:0 0 0 2px #2d2847,0 20px 25px -5px #00000073}.pv-frame.is-sim[data-view=tablet] iframe{border-radius:16px}.pv-frame.is-sim[data-view=phone] .pv-device{padding:12px;border-radius:40px;background:var(--surface-2);box-shadow:0 0 0 4px #2d2847,0 20px 25px -5px #00000073}.pv-frame.is-sim[data-view=phone] iframe{border-radius:32px}.pv-frame.is-sim[data-view=phone] .pv-device:after{content:"";position:absolute;left:50%;bottom:1rem;width:8rem;height:4px;border-radius:999px;background:#4b5563e6;transform:translate(-50%);pointer-events:none}}html:has(.pv-fullscreen[open]){overflow:hidden}.pv-fullscreen{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#000;color:#fff}.pv-fullscreen[open]{animation:p-fade .25s ease both}.pv-fullscreen::backdrop{background:#000}.pv-fullscreen iframe{display:block;width:100%;height:100%;border:0;background:#fff}.pv-fs-tools{position:absolute;top:1rem;right:1rem;z-index:1;display:flex;gap:.5rem}.pv-fs-tools a,.pv-fs-tools button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--r-pill);font:inherit;font-size:.875rem;cursor:pointer;transition:background-color .2s}.pv-fs-tools a{background:var(--accent);color:#fff;border:0}.pv-fs-tools a:hover{background:var(--accent-hover)}.pv-fs-tools button{background:#0000008c;color:#fff;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pv-fs-tools button:hover{background:#000000bf}.p-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}.p-main{grid-column:span 2;animation:p-rise-30 .5s ease .5s both}.site .p-main h2{font-size:1.875rem;line-height:1.25;color:#fff;margin-bottom:1.5rem}.p-main>p{color:var(--body-text);font-size:1.125rem;line-height:1.625;margin-bottom:2rem}.site .p-main h3{font-size:1.25rem;color:#fff;margin-bottom:1rem}.p-features{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.p-features li{display:flex;align-items:center;gap:.75rem;color:var(--body-text);animation:p-slide-right .5s ease both}.p-features li:nth-child(1){animation-delay:.6s}.p-features li:nth-child(2){animation-delay:.7s}.p-features li:nth-child(3){animation-delay:.8s}.p-features li:nth-child(4){animation-delay:.9s}.p-features li:nth-child(n+5){animation-delay:1s}.p-check{flex:none;width:1.5rem;height:1.5rem;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--p2) 20%,transparent);color:var(--p2);font-size:1rem}.p-side{display:grid;gap:1.5rem;align-content:start;animation:p-rise-30 .5s ease .6s both}.p-card{padding:1.5rem;border-radius:var(--r-card);border:1px solid var(--line-strong);background:linear-gradient(to bottom right,var(--card-a),var(--card-b))}.p-card-head{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.p-card-head .icon{font-size:1.25rem;color:#a78bfa}.site .p-card h3,.site .p-cta h3{font-family:var(--font-display);font-size:1rem;line-height:1.3;font-weight:700;color:#fff;letter-spacing:-.01em}.p-colors{display:grid;gap:.75rem}.p-color{display:flex;align-items:center;gap:.75rem}.p-color span{flex:none;width:2.5rem;height:2.5rem;border-radius:.5rem;background:var(--c);box-shadow:0 10px 15px -3px #0000004d;border:1px solid rgba(255,255,255,.08)}.p-color b{display:block;color:#fff;font-size:.875rem;font-weight:500}.p-color code{display:block;color:var(--muted);font-size:.75rem;font-family:var(--font-body)}.p-palette-name{color:var(--muted);font-size:.875rem;margin-top:1rem}.p-cta{padding:1.5rem;border-radius:var(--r-card);background:linear-gradient(to bottom right,#7c3aed33,#9333ea33);border:1px solid rgba(139,92,246,.3)}.p-cta-head{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.p-status{flex:none;padding:.25rem .5rem;border-radius:var(--r-pill);font-size:.75rem;font-weight:600}.p-status-on{background:#22c55e33;color:#86efac}.p-status-off{background:#f9731633;color:#fdba74}.p-cta p{color:var(--body-text);font-size:.875rem;margin-bottom:1rem}.p-cta a{display:block;width:100%;padding:.75rem;border-radius:var(--r-field);text-align:center;color:#fff;font-weight:600;background:linear-gradient(90deg,#7c3aed,#9333ea);transition:box-shadow .3s}.p-cta a:hover{box-shadow:0 10px 15px -3px #8b5cf64d}.p-nav{border-top:1px solid rgba(255,255,255,.1)}.p-nav-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.p-nav a{display:flex;align-items:center;gap:.75rem;color:var(--muted);transition:color .2s}.p-nav a:hover{color:#fff}.p-nav a>.icon{font-size:1.25rem;transition:transform .2s}.p-nav .prev:hover>.icon{transform:translate(-4px)}.p-nav .next:hover>.icon{transform:translate(4px)}.p-nav .prev{text-align:right}.p-nav small{display:block;font-size:.75rem;color:var(--faint)}.p-nav strong{display:block;font-weight:500}.p-thumb{flex:none;width:76px;height:46px;border-radius:8px;overflow:hidden;border:1px solid var(--line-strong);background:var(--surface-2);transition:border-color .3s,box-shadow .3s}.p-thumb img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .5s ease}.p-nav a:hover .p-thumb{border-color:#8b5cf680;box-shadow:0 10px 24px -10px #7c3aed99}.p-nav a:hover .p-thumb img{transform:scale(1.12)}.p-nav .prev>.icon{order:0}.p-nav .prev .p-thumb{order:1}.p-nav .prev div{order:2}.p-nav .next div{order:0}.p-nav .next .p-thumb{order:1}.p-nav .next>.icon{order:2}.p-spacer{height:5rem}@keyframes p-rise-50{0%{opacity:0;transform:translateY(50px)}}@keyframes p-rise-30{0%{opacity:0;transform:translateY(30px)}}@keyframes p-slide-right{0%{opacity:0;transform:translate(-20px)}}@keyframes p-orb{50%{transform:scale(1.2) rotate(180deg)}to{transform:scale(1) rotate(360deg)}}@keyframes p-twinkle{50%{opacity:.15;transform:scale(.6)}}@keyframes p-fade{0%{opacity:0}}@media(max-width:767px){.p-back{left:1rem}.pv-title .icon{font-size:1.25rem}.site .pv-title h2{font-size:1.125rem}.pv-full{padding:.375rem .75rem;font-size:.75rem}.pv-full .long{display:none}.pv-full .short{display:inline}.pv-views{display:none}.pv-note{display:flex}.pv-frame{border-radius:.75rem}.pv-bar{height:2.5rem;padding-inline:.75rem}.pv-dots,.pv-size{display:none}.pv-url{margin:0}.pv-url span{max-width:100%;font-size:.75rem;height:1.25rem;line-height:1.25rem}.pv-screen{height:600px;padding:0}.p-grid{grid-template-columns:1fr}.p-main{grid-column:auto}}@media(max-width:639px){.p-features{grid-template-columns:1fr}.p-thumb{display:none}.pv-screen{height:700px}.pv-fs-tools{top:.75rem;right:.75rem}.pv-fs-tools a span{display:none}}