.pv{color:#fff;--accent:hsl(var(--hue) 88% 68%);--accent-2:hsl(calc(var(--hue) + 40) 90% 72%);--panel:#ffffff0f;--panel-2:#ffffff1c;--stroke:#ffffff21;background:radial-gradient(70% 60% at 75% 12%, hsl(var(--hue) 75% 32% / .95), transparent 65%), radial-gradient(50% 50% at 12% 95%, hsl(calc(var(--hue) + 40) 70% 32% / .55), transparent 65%), linear-gradient(160deg, #170b2e, #0b0414 70%);position:absolute;inset:0;overflow:hidden;container-type:size}.pv__glow{background:radial-gradient(50% 60% at 50% 100%, hsl(var(--hue) 90% 62% / .35), transparent 70%);filter:blur(30px);pointer-events:none;height:70%;position:absolute;inset:auto -10% -45%}.pv>*{transition:transform .9s var(--ease-out)}.pv__line{background:#ffffff38;border-radius:99px;width:70%;height:1.6cqh;min-height:4px;display:block}.pv__line--xs{width:16%}.pv__line--sm{width:34%}.pv__line--md{width:52%}.pv__line--lg{width:86%}.pv__line--bold{background:#ffffffe0;height:3.2cqh;min-height:8px}.pv__dot{background:#ffffff59;border-radius:50%;width:2.6cqh;min-width:8px;height:2.6cqh;min-height:8px;display:block}.pv__dot--accent{background:linear-gradient(135deg, var(--accent), var(--accent-2))}.pv__pill{background:linear-gradient(100deg, var(--accent), var(--accent-2));border-radius:99px;width:34%;height:4.4cqh;min-height:12px;display:block}.pv__pill--sm{width:16%;height:3cqh}.pv__pill--ghost{background:0 0;border:1px solid #fff6}.pv__row{align-items:center;gap:1.6cqh;display:flex}.pv__phone{aspect-ratio:9/19;background:#0d0619;border:1px solid #ffffff2e;border-radius:6cqh;height:104cqh;padding:2.4cqh;position:absolute;top:12cqh;left:50%;transform:translate(-50%);box-shadow:0 40px 80px #00000080,inset 0 0 0 2px #ffffff0d}.pv__notch{background:#ffffff2e;border-radius:99px;width:30%;height:1.6cqh;margin:0 auto 2.6cqh}.pv__screen{align-content:start;gap:2.2cqh;display:grid}.pv__hero-block{background:linear-gradient(135deg, var(--accent), var(--accent-2));opacity:.9;border-radius:2.4cqh;height:18cqh}.pv__tiles{grid-template-columns:repeat(3,1fr);gap:1.6cqh;display:grid}.pv__tiles span{background:var(--panel-2);border-radius:1.6cqh;height:8cqh}.pv__list{gap:1.4cqh;display:grid}.pv__list span{background:var(--panel);border:1px solid var(--stroke);border-radius:1.4cqh;height:5cqh}.pv__card{backdrop-filter:blur(10px);background:#140a26d9;border:1px solid #ffffff29;border-radius:2.4cqh;gap:1.6cqh;padding:2.4cqh;display:grid;position:absolute;box-shadow:0 24px 60px #00000073}.pv__card--a{width:34%;top:56%;left:8%;transform:rotate(-6deg)}.pv__card--a .pv__line{width:100%}.pv__card--a .pv__pill--sm{width:40%}.pv__window{background:#0f0820;border:1px solid #ffffff29;border-radius:3cqh 0 0;grid-template-columns:16% 1fr;display:grid;position:absolute;inset:14cqh -6cqw -8cqh 8cqw;overflow:hidden;box-shadow:0 40px 80px #00000080}.pv__side{border-right:1px solid var(--stroke);align-content:start;gap:2.6cqh;padding:3cqh 2.4cqh;display:grid}.pv__side span{background:#ffffff2e;border-radius:99px;height:1.8cqh;min-height:4px;display:block}.pv__side span:first-child{background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:50%;width:2.8cqh;height:2.8cqh;margin-bottom:1cqh}.pv__main{align-content:start;gap:3cqh;padding:3cqh;display:grid}.pv__topbar{justify-content:space-between;align-items:center;display:flex}.pv__stats{grid-template-columns:repeat(3,1fr);gap:2cqh;display:grid}.pv__stats span{background:var(--panel);border:1px solid var(--stroke);border-radius:2cqh;height:12cqh}.pv__stats span:first-child{background:linear-gradient(135deg, hsl(var(--hue) 80% 58% / .65), hsl(var(--hue) 80% 40% / .3))}.pv__chart{background:var(--panel);border:1px solid var(--stroke);border-radius:2cqh;grid-template-columns:repeat(8,1fr);align-items:end;gap:1.6cqh;height:32cqh;padding:2.4cqh;display:grid}.pv__chart i{background:#ffffff38;border-radius:1cqh 1cqh 0 0;height:40%;display:block}.pv__chart i:nth-child(2){height:62%}.pv__chart i:nth-child(3){height:48%}.pv__chart i:nth-child(4){height:76%}.pv__chart i:nth-child(5){height:58%}.pv__chart i:nth-child(6){height:88%}.pv__chart i:nth-child(7){height:70%}.pv__chart i:nth-child(8){background:linear-gradient(to top, var(--accent), var(--accent-2));height:100%}.pv__browser{background:#0f0820;border:1px solid #ffffff29;border-radius:3cqh 3cqh 0 0;position:absolute;inset:13cqh 10cqw -6cqh;overflow:hidden;box-shadow:0 40px 80px #00000080}.pv__bar{border-bottom:1px solid var(--stroke);align-items:center;gap:1.2cqh;padding:2cqh 2.4cqh;display:flex}.pv__bar span{background:#ffffff40;border-radius:50%;width:1.6cqh;min-width:5px;height:1.6cqh;min-height:5px}.pv__url{background:var(--panel);border-radius:99px;flex:1;height:2.6cqh;margin-left:2cqh}.pv__page{gap:4cqh;padding:3.5cqh 5cqw;display:grid}.pv__nav{align-items:center;gap:2cqw;display:flex}.pv__nav .pv__pill--sm{margin-left:auto}.pv__h{justify-items:start;gap:2cqh;padding-top:2cqh;display:grid}.pv__cards{grid-template-columns:repeat(3,1fr);gap:2cqh;display:grid}.pv__cards span{background:var(--panel);border:1px solid var(--stroke);border-radius:2cqh;height:16cqh}.pv__cards span:nth-child(2){background:linear-gradient(135deg, hsl(var(--hue) 80% 58% / .55), transparent)}.pv__flow{width:88%;height:84%;position:absolute;inset:8% 6%}.pv__edges path{fill:none;stroke:#ffffff4d;stroke-width:2px;stroke-dasharray:6 6}.pv__boxes rect,.pv__boxes path{fill:#ffffff12;stroke:#ffffff47;stroke-width:1.5px}.pv__boxes .pv__box--accent{fill:hsl(var(--hue) 80% 58% / .6);stroke:var(--accent)}.pv__labels rect{fill:#ffffff80}.pv__ds{grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:2cqh;display:grid;position:absolute;inset:12cqh 10cqw}.pv__sw{border:1px solid var(--stroke);border-radius:2.4cqh}.pv__sw--1{background:linear-gradient(135deg, var(--accent), var(--accent-2))}.pv__sw--2{background:hsl(var(--hue) 70% 30%)}.pv__sw--3{background:#faf7fb}.pv__tile{background:var(--panel);border:1px solid var(--stroke);border-radius:2.4cqh;align-content:center;gap:2cqh;padding:3cqh;display:grid}.pv__btns .pv__pill{width:70%}.pv__controls .pv__input{border:1px solid #ffffff4d;border-radius:1.4cqh;height:6cqh;display:block}.pv__toggle{background:linear-gradient(100deg, var(--accent), var(--accent-2));border-radius:99px;width:10cqh;height:5.4cqh;display:block;position:relative}.pv__toggle i{background:#fff;border-radius:50%;width:3.8cqh;height:3.8cqh;position:absolute;top:.8cqh;right:.8cqh}