.pwv{--pwv-purple:#b16bff;box-sizing:border-box;width:100%;background:radial-gradient(ellipse at 50% 0%,#1d122e 0%,transparent 65%),#080808;color:#f7f3fb;padding:clamp(32px,5vw,64px) 20px;font:400 16px/1.65 Arial,Helvetica,sans-serif;isolation:isolate}
.pwv *{box-sizing:border-box}
.pwv .pwv-card{overflow-wrap:anywhere}
.pwv.pwv-resizing .pwv-card,.pwv.pwv-resizing .pwv-card:before{transition:none!important;transform:none!important}
.pwv.pwv-resizing .pwv-card:before{opacity:0!important}
.pwv{position:relative;width:var(--pwv-viewport,100%);max-width:none!important;margin-left:var(--pwv-left,0px)!important;margin-right:0!important;padding:32px 20px}
.pwv .pwv-wrap{max-width:1080px}
.pwv .pwv-wrap{max-width:1200px;margin:0 auto}
.pwv .pwv-heading{text-align:center;max-width:800px;margin:0 auto 32px}
.pwv .pwv-kicker{margin:0 0 14px;color:var(--pwv-purple);font:700 13px/1.5 "Courier New",monospace;letter-spacing:.15em}
.pwv .pwv-kicker:before{content:'[ '}.pwv .pwv-kicker:after{content:' ]'}
.pwv h2{font:700 clamp(30px,4vw,50px)/1.12 Arial,Helvetica,sans-serif;letter-spacing:-.035em;color:#f7f3fb;margin:0 0 18px}
.pwv h2 em{font-family:Georgia,serif;font-style:italic;font-weight:400;color:var(--pwv-purple)}
.pwv .pwv-intro{font:400 17px/1.65 Arial,Helvetica,sans-serif;color:#c0b6cb;margin:0 auto;max-width:680px}
.pwv .pwv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.pwv .pwv-card{position:relative;isolation:isolate;overflow:hidden;padding:28px;border:1px solid #34283e;border-radius:20px;background:linear-gradient(135deg,#19151f,#111014 70%);box-shadow:inset 0 1px 0 #ffffff08;cursor:default;min-width:0;transition:border-color .25s,box-shadow .25s,transform .25s}
.pwv .pwv-card:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 15%,#a84cff12 32%,#dbc3ff26 45%,#a1ceff0f 53%,transparent 70%);transform:translateX(-60%);opacity:0;transition:opacity .4s,transform .8s}
.pwv .pwv-card-top{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:18px}
.pwv h3{font:700 21px/1.25 Arial,Helvetica,sans-serif;letter-spacing:-.02em;color:#fff;margin:0;max-width:300px}
.pwv .pwv-mark{font:700 clamp(24px,3vw,38px)/1 Arial,Helvetica,sans-serif;color:var(--pwv-purple);letter-spacing:-.04em;flex:none}
.pwv .pwv-card p{font:400 16px/1.7 Arial,Helvetica,sans-serif;color:#c5bdce;margin:0 0 20px}
.pwv .pwv-card ul{display:grid;gap:7px;list-style:none;margin:0;padding:0}
.pwv .pwv-card li{position:relative;margin:0;padding-left:17px;font:400 14px/1.6 Arial,Helvetica,sans-serif;color:#b9aec4}
.pwv .pwv-card li:before{content:'';position:absolute;left:0;top:.65em;width:5px;height:5px;border-radius:50%;background:var(--pwv-purple);box-shadow:0 0 7px #a34fff40}
@media(hover:hover) and (pointer:fine){.pwv .pwv-card:hover{transform:translateY(-3px);border-color:#a46be0;box-shadow:0 10px 26px #0003,inset 0 1px 0 #dcc0ff20}.pwv .pwv-card:hover:before{opacity:1;transform:translateX(25%)}}
@media(max-width:640px){.pwv{padding:30px 16px}.pwv .pwv-heading{margin-bottom:22px}.pwv .pwv-grid{grid-template-columns:1fr;gap:12px}.pwv .pwv-card{padding:22px;border-radius:16px}.pwv h3{font-size:20px}.pwv .pwv-mark{font-size:26px}.pwv .pwv-card-top{gap:12px}.pwv .pwv-intro{font-size:16px}}
@media(prefers-reduced-motion:reduce){.pwv .pwv-card,.pwv .pwv-card:before{transition:none!important;transform:none!important}}

/* More compact while retaining readable body text. */
.pwv .pwv-wrap{max-width:1080px}
.pwv .pwv-heading{margin-bottom:22px}
.pwv h2{font-size:clamp(28px,3.5vw,42px);margin-bottom:12px}
.pwv .pwv-grid{gap:14px}
.pwv .pwv-card{padding:22px}
.pwv .pwv-card-top{gap:12px;flex-wrap:wrap;margin-bottom:12px}
.pwv h3{font-size:20px}
.pwv .pwv-mark{font-size:clamp(24px,2.6vw,30px)}
.pwv .pwv-card p{line-height:1.55;margin-bottom:14px}
.pwv .pwv-card ul{gap:5px}
@media(max-width:640px){.pwv{padding:24px 14px}.pwv .pwv-card{padding:18px}.pwv .pwv-heading{margin-bottom:18px}.pwv .pwv-grid{gap:10px}.pwv h3{font-size:18px}.pwv .pwv-mark{font-size:24px}}

/* Subtle Pepswerk grid, full-width surface and tighter rhythm. */
.pwv{padding-top:26px;padding-bottom:26px;background-color:#080808;background-image:linear-gradient(#b16bff09 1px,transparent 1px),linear-gradient(90deg,#b16bff09 1px,transparent 1px),radial-gradient(ellipse at 50% 0%,#1d122e 0%,transparent 65%);background-size:56px 56px,56px 56px,100% 100%}
.pwv .pwv-heading{margin-bottom:18px}
.pwv h2{font-size:clamp(27px,3.2vw,38px);margin-bottom:10px}
.pwv .pwv-card{padding:18px;border-radius:17px}
.pwv .pwv-grid{gap:12px}
.pwv .pwv-card-top{margin-bottom:10px;gap:10px}
.pwv .pwv-card p{margin-bottom:10px;line-height:1.5}
.pwv .pwv-card ul{gap:4px}
@media(max-width:640px){.pwv{padding-top:20px;padding-bottom:20px;background-size:40px 40px,40px 40px,100% 100%}.pwv .pwv-card{padding:16px}.pwv .pwv-heading{margin-bottom:16px}.pwv .pwv-grid{gap:9px}}