:root{color-scheme:dark;--ink:#f5f0fa;--muted:#c3b4d2;--gold:#e7c66c;--bg:#10091c;--line:#3a284b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);line-height:1.7}a{color:var(--gold);text-underline-offset:4px}a:hover{color:#fff}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.skip{position:absolute;left:12px;top:-100px;background:#fff;color:#10091c;padding:12px;z-index:100}.skip:focus{top:10px}.wrap{width:min(1080px,calc(100% - 40px));margin:auto}header{border-bottom:1px solid var(--line);background:#10091cf5}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0}.brand{color:#b875f4;font-size:26px;font-weight:850;text-decoration:none;letter-spacing:-1px}.brand span{color:var(--gold)}nav{display:flex;gap:24px;font-size:14px}nav a{color:var(--muted);text-decoration:none}nav a:hover{color:var(--gold)}.hero{padding:100px 0 72px;background:radial-gradient(ellipse at 85% 10%,#4c206855,transparent 65%)}.eyebrow{color:var(--gold);letter-spacing:3px;font-weight:700;font-size:12px;text-transform:uppercase}h1{font-size:clamp(38px,6.8vw,76px);line-height:1.1;letter-spacing:-2.5px;margin:20px 0 24px;max-width:900px}h1 em{color:var(--gold);font-style:normal}.intro{font-size:19px;max-width:620px;color:var(--muted)}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0}.button{display:inline-block;background:var(--gold);color:#170c22;border:1px solid var(--gold);padding:13px 22px;border-radius:8px;font-weight:750;text-decoration:none}.button:hover{background:#f5d990;color:#170c22}.button.secondary{background:transparent;color:var(--gold);border-color:var(--line)}.strip{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);margin-top:45px}.strip div{padding:22px 20px 22px 0}.strip strong{display:block;color:var(--ink);font-size:17px}.strip small{color:var(--muted);font-size:14px}.support{padding:64px 0;border-bottom:1px solid var(--line)}.support h2{font-size:30px;letter-spacing:-1px;margin:0 0 16px}.support p{color:var(--muted);max-width:720px}.legal{max-width:800px;margin:0 auto;padding:65px 0}.legal h1{font-size:clamp(34px,5vw,52px);letter-spacing:-1.5px}.legal h2{font-size:21px;line-height:1.4;margin-top:32px;color:var(--ink)}.legal p{color:var(--muted);overflow-wrap:anywhere;margin:16px 0}.legal strong{color:var(--ink)}.legal .lead{color:var(--gold)}.privacy-area{border-top:1px solid var(--line);background:#140c20}.legal .actions{margin-bottom:32px}.legal .actions .button{color:#170c22}footer{border-top:1px solid var(--line);padding:32px 0;color:var(--muted);font-size:13px}.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.foot-links{display:flex;gap:20px;flex-wrap:wrap}@media(max-width:600px){.nav{align-items:flex-start;flex-direction:column;gap:10px}nav{gap:15px;flex-wrap:wrap;font-size:13px}.hero{padding:55px 0 40px}.strip{grid-template-columns:1fr}.strip div+div{border-top:1px solid var(--line)}h1{letter-spacing:-1.5px}.legal{padding:40px 0}.button{width:100%;text-align:center}.wrap{width:calc(100% - 36px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Page background artwork */
.hero,.approach{position:relative;isolation:isolate;display:flex;align-items:center;min-height:90svh;background-color:#08050d;background-repeat:no-repeat;background-size:cover;padding:90px 0 60px}
.hero{background-image:linear-gradient(90deg,rgba(8,5,13,.93),rgba(8,5,13,.72) 52%,rgba(8,5,13,.30)),url('/images/penfits-home.jpeg');background-position:center,center 40%}
.approach{background-image:linear-gradient(90deg,rgba(8,5,13,.90),rgba(8,5,13,.63) 65%,rgba(8,5,13,.35)),url('/images/penfits-approach.jpeg');background-position:center,center 43%}
.hero .wrap,.approach .wrap{position:relative;z-index:1}.hero h1,.approach h1{text-shadow:0 2px 20px #0008}.hero .intro,.approach .intro{color:#eee5f5;max-width:600px}.hero .strip{background:#10091caa;padding-inline:20px;border-radius:8px;backdrop-filter:blur(5px)}.hero .button.secondary,.approach .button.secondary{background:#10091cbb;border-color:#9a7caa}.approach .actions{justify-content:flex-start}.approach h1{font-size:clamp(38px,6vw,64px)}
@media(max-width:600px){.hero,.approach{min-height:85svh;padding:65px 0 40px;background-position:center,center center}.hero{background-image:linear-gradient(0deg,rgba(8,5,13,.93),rgba(8,5,13,.62)),url('/images/penfits-home.jpeg')}.approach{background-image:linear-gradient(0deg,rgba(8,5,13,.90),rgba(8,5,13,.52)),url('/images/penfits-approach.jpeg')}nav{column-gap:15px;row-gap:8px}.hero .strip{margin-top:30px}.hero .strip div{padding:14px 0}}