.ux-hero{color:#f3edf5;background:radial-gradient(60% 50% at 75% 55%,#5a3a7e 0%,#0000 70%),radial-gradient(50% 40% at 70% 100%,#c0668f55,#0000 70%),linear-gradient(170deg,#1c1638 0%,#171230 60%,#120e24 100%);align-items:center;min-height:100svh;padding:130px 0 70px;display:flex;position:relative;overflow:clip}body:has(.demo-top) .ux-hero{padding-top:160px}.ux-rays{background:repeating-conic-gradient(from 0deg,#e4c58c0c 0 2deg,transparent 2deg 9deg);pointer-events:none;width:160vmax;height:160vmax;animation:140s linear infinite spin;position:absolute;top:52%;left:72%;translate:-50% -50%;-webkit-mask:radial-gradient(circle,#000 0,#0000 45%);mask:radial-gradient(circle,#000 0,#0000 45%)}.ux-hero .twinkles i{opacity:.6}.ux-hero-grid{grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(30px,5vw,70px);display:grid;position:relative}.ux-hero-copy{justify-items:start;gap:22px;display:grid}.ux-hero .eyebrow{color:var(--gold-2);background:#ffffff0d;border-color:#e4c58c55}.ux-title{font:400 clamp(46px,6vw,96px)/.95 var(--serif);letter-spacing:.06em;color:var(--gold-2);text-shadow:0 0 40px #e4c58c44;display:flex}.ux-title span{display:inline-block}.ux-sub{color:#fbf5f0;max-width:560px;font:italic 450 clamp(22px,2.2vw,30px)/1.3 var(--serif-2)}.ux-pitch{color:#cbc3da;max-width:520px;font-size:18px;line-height:1.65}.ux-actions{flex-wrap:wrap;gap:12px;display:flex}.ux-hero .btn-gold{background:var(--gold-2);color:var(--forest)}.ux-hero .btn-gold:hover{background:#ecd29e}.ux-hero .btn-ghost{color:#fbf5f0;background:#ffffff0d;border-color:#fff3}.ux-hero .btn-ghost:hover{border-color:var(--gold-2);color:var(--gold-2)}.ux-facts{color:#a59cb8;border-top:1px solid #ffffff1a;flex-wrap:wrap;gap:10px 28px;margin:8px 0 0;padding:18px 0 0;font-size:13px;list-style:none;display:flex}.ux-facts b{color:#fbf5f0;font:450 22px/1.1 var(--serif);margin-bottom:2px;display:block}.ux-hero-book{place-items:center;min-height:min(70svh,620px);display:grid;position:relative}.ux-halo{aspect-ratio:1;background:radial-gradient(closest-side,#e4c58c40,#7d5bc022 60%,#0000);border-radius:50%;width:70%;animation:6s ease-in-out infinite breathe-soft;position:absolute}@keyframes breathe-soft{50%{opacity:.75;transform:scale(1.08)}}.ux-book{width:min(100%,460px)}.ux-inside{grid-template-columns:repeat(3,1fr);gap:16px;margin:0;padding:0;list-style:none;display:grid}.ux-inside li{border:1px solid var(--line);background:var(--paper);transition:transform .45s var(--ease),box-shadow .45s var(--ease);border-radius:28px;align-content:start;gap:10px;padding:32px 28px;display:grid;position:relative;overflow:hidden}.ux-inside li:hover{transform:translateY(-6px);box-shadow:0 40px 70px -50px #2b2145aa}.ux-inside li:after{content:"";width:120px;height:120px;transition:transform .6s var(--ease);background:radial-gradient(closest-side,#e4c58c33,#0000);border-radius:50%;position:absolute;top:-40px;right:-40px}.ux-inside li:hover:after{transform:scale(1.6)}.ux-num{color:var(--gold);font:400 40px/1 var(--serif)}.ux-inside h3{color:var(--forest);font:450 26px/1.1 var(--serif)}.ux-inside p{color:var(--muted);font-size:15px;line-height:1.6}.ux-check{background:linear-gradient(#0000,#f3edf8 15% 85%,#0000)}.ux-check-grid{grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(30px,6vw,90px);display:grid}.ux-signs{grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:0;list-style:none;display:grid}.ux-signs button{border:1px solid var(--line);background:var(--paper);width:100%;height:100%;color:var(--forest);text-align:left;transition:border-color .25s,background .25s,transform .25s var(--ease);border-radius:18px;align-items:center;gap:12px;padding:14px 16px;font-size:15px;display:flex}.ux-signs button:hover{border-color:var(--line-2);transform:translateY(-2px)}.ux-signs button[data-on]{border-color:var(--clay);background:var(--clay-soft)}.ux-tick{border:1.5px solid var(--line-2);background:var(--bg);border-radius:8px;flex:none;place-items:center;width:26px;height:26px;transition:background .25s,border-color .25s;display:grid}.ux-signs button[data-on] .ux-tick{border-color:var(--clay);background:var(--clay)}.ux-tick svg{fill:none;stroke:#fff;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.ux-meter{color:#f3edf5;text-align:center;background:radial-gradient(70% 60% at 50% 0,#4b3470,#0000 70%),linear-gradient(160deg,#2b2145,#171230);border-radius:36px;justify-items:center;gap:24px;padding:clamp(28px,4vw,48px);display:grid;position:relative}.ux-meter svg{width:min(240px,70%);transform:rotate(-90deg)}.ux-ring-bg{fill:none;stroke:#ffffff14;stroke-width:8px}.ux-ring{fill:none;stroke-width:8px;stroke-linecap:round}.ux-meter-center{aspect-ratio:1;align-content:center;place-items:center;width:min(240px,70%);display:grid;position:absolute;top:clamp(28px,4vw,48px);left:50%;translate:-50%}.ux-meter-star{color:#e4c58c22;width:52%;animation:40s linear infinite spin;position:absolute}.ux-meter-center b{color:#fbf5f0;font:300 64px/1 var(--sans);font-variant-numeric:lining-nums}.ux-meter-center span{color:#a59cb8;font:600 11px/1 var(--caps);letter-spacing:.18em;text-transform:uppercase}.ux-verdict{justify-items:center;gap:10px;max-width:420px;display:grid}.ux-verdict h3{color:var(--gold-2);font:450 28px/1.15 var(--serif)}.ux-verdict p{color:#cbc3da;font-size:16px;line-height:1.6}.ux-verdict-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px;display:flex}.ux-meter .btn-gold{background:var(--gold-2);color:var(--forest)}.ux-meter .btn-ghost{color:#fbf5f0;background:#ffffff0d;border-color:#fff3}.ux-author{grid-template-columns:.7fr 1.3fr;align-items:center;gap:clamp(36px,6vw,90px);display:grid}.ux-author-photo{justify-self:center;width:min(100%,360px);position:relative}.ux-author-photo img{aspect-ratio:.8;object-fit:cover;object-position:50% 35%;border-radius:999px 999px 30px 30px;width:100%;box-shadow:0 60px 90px -60px #171230}.ux-author-photo .portrait-badge{bottom:-20px;right:-30px}.ux-author-photo .portrait-badge svg{animation:28s linear infinite spin}.ux-author-copy{justify-items:start;gap:20px;display:grid}.ux-author-copy>div>p{color:var(--muted);font-size:17px;line-height:1.75}.book-note a{color:var(--gold-2)}@media (width<=900px){.ux-hero{padding-top:110px}.ux-hero-grid,.ux-check-grid,.ux-author{grid-template-columns:1fr}.ux-hero-book{order:-1;min-height:440px}.ux-inside{grid-template-columns:1fr 1fr}.ux-rays{animation:none;top:30%;left:50%}}@media (width<=640px){body:has(.demo-top) .ux-hero{padding-top:140px}.ux-inside,.ux-signs{grid-template-columns:1fr}.ux-title{letter-spacing:.03em}}@media (prefers-reduced-motion:reduce){.ux-rays,.ux-halo,.ux-meter-star,.ux-author-photo .portrait-badge svg{animation:none}}