@import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,300..900&family=Roboto:wght@400;500;700&display=swap');
:root { --pson-bg:#0a0a0a; --pson-card:#141414; --pson-muted:#a3a09a; --pson-yellow:#ffdb00; --pson-border:#292929; --pson-ink:#fffdf4; }
body { background:var(--pson-bg); color:var(--pson-ink); font-family:Roboto, sans-serif; overflow-x:hidden; }
.pson-container { max-width:1200px; }
.pson-site-header { z-index:1030; background:rgba(10,10,10,.87); border-bottom:1px solid rgba(41,41,41,.7); backdrop-filter:blur(18px); }
.pson-site-header .navbar { min-height:64px; }
.pson-brand { display:inline-flex; align-items:center; gap:10px; color:var(--pson-ink); font:700 21px/1 'Roboto Flex',Roboto,sans-serif; text-decoration:none; }.pson-brand .pson-brand-logo { display:block; height:auto; max-height:30px; max-width:220px; width:auto; }
.pson-brand:hover { color:var(--pson-ink); }.pson-brand-mark { align-items:center; background:var(--pson-yellow); border-radius:11px; box-shadow:3px 3px 0 rgba(255,253,244,.25); color:#0a0a0a; display:inline-flex; font-weight:900; height:36px; justify-content:center; width:36px; }.pson-brand-mark-sm { border-radius:8px; height:32px; width:32px; }
.pson-site-header .menu-item a { border-radius:999px; color:var(--pson-muted); display:block; font-size:14px; font-weight:500; padding:9px 16px; text-decoration:none; }.pson-site-header .menu-item a:hover,.pson-site-header .current-menu-item a { background:#1f1f1f; color:var(--pson-ink); }.pson-menu-button { filter:invert(1); }
.pson-hero { align-items:center; display:flex; min-height:calc(100vh - 64px); overflow:hidden; padding:80px 0; position:relative; }.pson-hero-waves,.pson-hero-waves:before,.pson-hero-waves:after { inset:0; position:absolute; }.pson-hero-waves { background:radial-gradient(circle at 18% 30%,rgba(255,219,0,.11),transparent 30%),radial-gradient(circle at 82% 66%,rgba(255,219,0,.09),transparent 36%); }.pson-hero-waves:before,.pson-hero-waves:after { content:''; background:repeating-radial-gradient(ellipse at 38% 8%,transparent 0 40px,rgba(255,219,0,.20) 41px 43px,transparent 44px 77px); opacity:.7; transform:rotate(-8deg) scale(1.35); }.pson-hero-waves:after { opacity:.28; transform:rotate(9deg) scale(1.55) translateY(50px); }
.pson-hero-card { background:rgba(10,10,10,.91); border:2px solid var(--pson-yellow); border-radius:32px; box-shadow:10px 10px 0 var(--pson-yellow); margin:auto; max-width:768px; padding:48px; position:relative; }.pson-eyebrow { color:var(--pson-yellow); font:700 12px/1 'Roboto Flex',Roboto,sans-serif; letter-spacing:.3em; margin:0 0 18px; text-transform:uppercase; }.pson-hero h1,.pson-product h2 { font-family:'Roboto Flex',Roboto,sans-serif; font-weight:700; letter-spacing:-.045em; }.pson-hero h1 { font-size:clamp(2.55rem,7vw,4.05rem); line-height:1.05; margin:0; }.pson-hero h1 span,.pson-product h2 span { color:var(--pson-yellow); }.pson-hero-copy,.pson-product-copy { color:var(--pson-muted); font-size:18px; line-height:1.65; margin:24px auto 0; max-width:620px; }.pson-button { align-items:center; background:var(--pson-yellow); border-radius:999px; color:#0a0a0a; display:inline-flex; font-weight:700; gap:10px; height:48px; justify-content:center; margin-top:32px; padding:0 28px; text-decoration:none; transition:transform .18s ease; }.pson-button:hover { color:#0a0a0a; transform:translateY(-2px); }
.pson-product { padding:112px 0; scroll-margin-top:64px; }.pson-product h2 { font-size:clamp(2.2rem,5vw,3.2rem); line-height:1.12; margin:0; }.pson-product-copy { margin:20px 0 0; max-width:540px; }.pson-feature-list { list-style:none; margin:30px 0 0; padding:0; }.pson-feature-list li { align-items:flex-start; display:flex; font-size:16px; gap:12px; line-height:1.55; margin:15px 0; }.pson-feature-list li span { align-items:center; background:var(--pson-yellow); border-radius:50%; color:#0a0a0a; display:inline-flex; flex:0 0 24px; font-size:14px; font-weight:900; height:24px; justify-content:center; margin-top:1px; }.pson-store-button { font-size:16px; height:56px; margin-top:32px; }.pson-product-image { display:flex; justify-content:center; }.pson-product-image img { border-radius:24px; max-height:640px; object-fit:contain; }
.pson-site-footer { border-top:1px solid var(--pson-border); }.pson-footer-description { color:var(--pson-muted); font-size:14px; line-height:1.65; margin:18px 0 0; }.pson-footer-links li { margin:12px 0; }.pson-footer-links a { color:var(--pson-muted); font-size:14px; text-decoration:none; }.pson-footer-links a:hover { color:var(--pson-yellow); }.pson-footer-bottom { border-top:1px solid var(--pson-border); color:var(--pson-muted); font-size:14px; margin-top:40px; padding-top:24px; }
.pson-page { margin:auto; max-width:820px; padding:80px 20px; }.pson-page-back { color:var(--pson-muted); display:inline-block; font-size:14px; margin-bottom:30px; text-decoration:none; }.pson-page-back:hover { color:var(--pson-yellow); }.pson-page h1 { border-bottom:2px solid var(--pson-yellow); font:900 clamp(2.5rem,5vw,4rem)/1.1 'Roboto Flex',Roboto,sans-serif; padding-bottom:28px; }.pson-page-content h2 { color:var(--pson-ink); font:700 25px 'Roboto Flex',Roboto,sans-serif; margin-top:48px; }.pson-page-content p,.pson-page-content li { color:var(--pson-muted); line-height:1.7; }.pson-page-content a { color:var(--pson-yellow); }
@media (max-width:767px) { .pson-hero { min-height:620px; padding:64px 0; }.pson-hero-card { border-radius:25px; box-shadow:7px 7px 0 var(--pson-yellow); padding:34px 24px; }.pson-hero-copy { font-size:16px; }.pson-product { padding:78px 0; }.pson-site-header .navbar-collapse { padding:10px 0 16px; } }