/* PlayNHost partner portal. Look matches playnhost.com/tools/. Montserrat is the site's own variable woff2, served from assets/fonts/. */
@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/montserrat-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/montserrat-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--canvas:#1f2333;--deep:#151823;--base:#2a2f41;--raised:#343a52;--line:#3d4360;--text:#e3e5ed;--muted:#aeb2c2;--accent:#706ef1;--accent-text:#aba9f9;--ok:#62daa2;color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--canvas);color:var(--text);font:16px/1.6 Montserrat,"Montserrat Fallback",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-wrap:break-word}
a{color:var(--accent-text);font-weight:700;text-decoration:none}
a:hover{color:#fff}
a:focus-visible,.btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}
img{max-width:100%;height:auto}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:var(--base);padding:8px 12px;border-radius:8px;z-index:9}
/* header */
.site-header{display:flex;align-items:center;gap:22px;padding:16px 24px;background:var(--deep);flex-wrap:wrap}
.site-header .logo img{display:block;width:150px;height:auto}
.site-header nav{display:flex;gap:6px 22px;flex-wrap:wrap;margin-left:auto}
.site-header nav a{color:#fff;font-size:14px;font-weight:600;letter-spacing:.01em;text-transform:uppercase}
.site-header nav a:hover{color:var(--accent-text)}
/* hero */
.hero{padding:84px 20px 70px;text-align:center;background:radial-gradient(900px 380px at 50% 0,rgba(112,110,241,.30),rgba(112,110,241,0) 70%),var(--canvas)}
.hero h1{font-size:clamp(30px,5.4vw,54px);line-height:1.12;font-weight:800;margin:0 auto 14px;max-width:900px;text-wrap:balance;color:#fff}
.hero p{margin:0 auto 26px;max-width:680px;color:#cfd2e0;font-size:clamp(15px,2vw,18px)}
.hero .row{display:flex;flex-wrap:wrap;gap:14px 26px;justify-content:center;align-items:center}
.btn{background:var(--accent);color:#fff;border:0;border-radius:12px;padding:14px 26px;font:inherit;font-size:16px;font-weight:700;display:inline-block;line-height:1.3}
.btn:hover{background:#8584f5;color:#fff}
/* layout */
main{max-width:1100px;margin:0 auto;padding:10px 20px 40px}
h2{font-size:clamp(22px,3vw,28px);line-height:1.25;font-weight:800;margin:2em 0 .4em;text-wrap:balance;color:#fff}
h3{font-size:17px;font-weight:700;margin:0 0 6px;color:#fff}
p{margin:.6em 0}
.lead{color:var(--muted);max-width:70ch;margin:0 0 20px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:14px;margin:14px 0}
.card{background:var(--base);border-radius:16px;padding:20px 22px}
.card p{margin:0;color:var(--muted);font-size:14.5px}
.card p+p{margin-top:10px}
.card .more{display:inline-block;margin-top:12px;font-size:14.5px}
.step .n{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--accent);color:#fff;font-weight:800;margin-bottom:12px}
.facts{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:6px}
.facts li{color:var(--muted);font-size:14.5px;padding-left:18px;position:relative;margin:0}
.facts li:before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--accent)}
/* media kit */
.kit-head{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;background:var(--base);border-radius:16px;padding:20px 22px;margin:14px 0 8px}
.kit-head p{margin:0;color:var(--muted);font-size:14.5px;max-width:60ch}
.kit-head b{color:#fff}
.grp{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:30px 0 4px;font-weight:700}
.grp+p{margin:0 0 8px;color:var(--muted);font-size:14px}
.asset{display:flex;flex-direction:column;background:var(--base);border-radius:16px;padding:14px;gap:10px}
.asset .pv{display:flex;align-items:center;justify-content:center;height:190px;background:var(--deep);border-radius:10px;overflow:hidden;padding:10px}
.asset .pv img{max-width:100%;max-height:100%;width:auto;height:auto;display:block;border-radius:4px}
.asset .pv.light{background:#fff}
.asset h3{font-size:15px;margin:0}
.asset .meta{color:var(--muted);font-size:13px;margin:0}
.asset .dl{margin-top:auto;font-size:14.5px}
.asset .dl a+a{margin-left:14px}
/* footer */
.site-footer{background:#191c29;margin-top:40px;padding:40px 20px 30px}
.site-footer .wrap{max-width:1100px;margin:0 auto;display:flex;flex-wrap:wrap;gap:20px 40px;justify-content:space-between}
.site-footer img{width:150px;height:auto;margin-bottom:12px;display:block}
.site-footer .co{color:var(--muted);font-size:13.5px;line-height:1.7}
.site-footer .co b{color:var(--text)}
.site-footer .links a{display:block;color:var(--text);font-weight:500;margin:.35em 0;font-size:15px}
.site-footer .links a:hover{color:var(--accent-text)}
@media(max-width:600px){.site-header{padding:14px 16px}.site-header nav{margin-left:0;width:100%}.site-header nav a{font-size:12px}.hero{padding:48px 16px 48px}main{padding:6px 16px 30px}.btn{width:100%;text-align:center}.kit-head .btn{width:100%}}