@font-face{font-family:"Space Grotesk";src:url("/assets/fonts/space-grotesk-latin.woff2") format("woff2");font-weight:300 700;font-display:swap}
@font-face{font-family:"Space Grotesk";src:url("/assets/fonts/space-grotesk-latin-ext.woff2") format("woff2");font-weight:300 700;font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF}
@font-face{font-family:"Public Sans";src:url("/assets/fonts/publicsans-latin.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Public Sans";src:url("/assets/fonts/publicsans-latinext.woff2") format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF}

:root{
  --bg:#f3f0ea; --paper:#fffefc; --ink:#16181b; --body:#3a3f45; --muted:#565a60; --faint:#63676d;
  --line:rgba(22,24,27,.16); --line-2:rgba(22,24,27,.08);
  --accent:#b8431c; --accent-2:#983516; --wrap:1180px; --read:710px;
}
*{box-sizing:border-box}
html{font-optical-sizing:auto}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Public Sans",system-ui,sans-serif;font-size:17px;line-height:1.75}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{font-family:"Space Grotesk",system-ui,sans-serif;margin:0;line-height:1.1;letter-spacing:-.012em;font-weight:700}
h1{font-size:clamp(31px,3.7vw,52px)}
h2{font-size:clamp(22px,2.1vw,29px)}
h3{font-size:17.5px;font-weight:700;line-height:1.35;letter-spacing:0}
p{margin:0 0 18px}
p:last-child{margin-bottom:0}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 32px}
.skip{position:absolute;left:-9999px;top:0}
.skip:focus{left:8px;top:8px;z-index:99;background:#fff;padding:8px 14px;border:1px solid var(--line)}
.eyebrow{font:700 11.5px/1 "Public Sans",sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:0 0 16px}

/* top bar */
.hd{border-bottom:1px solid var(--line)}
.hd__in{display:flex;align-items:center;gap:30px;min-height:70px;max-width:var(--wrap);margin:0 auto;padding:0 32px}
.brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none;flex:0 0 auto;font:700 21px/1 "Space Grotesk",sans-serif;letter-spacing:-.012em}
.brand svg{width:20px;height:19px;flex:0 0 auto}
.nav{display:flex;gap:26px;margin-left:auto}
.nav a{text-decoration:none;font:600 13.5px/1 "Public Sans",sans-serif;color:#2b2f34;padding:11px 0;border-bottom:1px solid transparent}
.nav a:hover{border-bottom-color:var(--line)}
.nav a[aria-current="page"]{border-bottom-color:var(--accent);color:var(--ink)}
.nav a:focus-visible,.btn:focus-visible,a:focus-visible,.city:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.hd__ext{display:inline-flex;align-items:center;min-height:44px;font:600 12.5px/1 "Public Sans",sans-serif;color:var(--muted);white-space:nowrap;
  text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;text-decoration-color:rgba(22,24,27,.28)}
.hd__ext:hover{color:var(--ink);text-decoration-color:var(--ink)}
.burger{display:none;width:44px;height:44px;border:1px solid var(--line);background:none;cursor:pointer}
.burger span{display:block;width:18px;height:1.6px;background:var(--ink);margin:4px auto}
.btn{display:inline-flex;align-items:center;justify-content:center;height:54px;padding:0 26px;border-radius:2px;
  background:var(--accent);color:#fff;text-decoration:none;font:700 14.5px/1 "Public Sans",sans-serif;transition:background-color .18s ease}
.btn:hover{background:var(--accent-2)}

/* hero: screenshot bleeds off the left edge, copy sits in the right column */
.hero{display:grid;grid-template-columns:minmax(0,52%) minmax(0,1fr);align-items:stretch;border-bottom:1px solid var(--line)}
.hero__media{position:relative;overflow:hidden;background:#1b1d20;display:flex;align-items:flex-start}
.hero__media img{width:100%;height:auto}
.hero__tag{position:absolute;left:0;right:0;top:0;margin:0;background:#fffefc;padding:10px 16px;
  border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px;cursor:default;user-select:none;
  font:700 10.5px/1.3 "Public Sans",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#2f3338}
.hero__tag::before{content:"";width:7px;height:7px;background:var(--accent);flex:0 0 auto}
.hero__copy{padding:56px 40px 56px 56px;max-width:640px;display:flex;flex-direction:column;justify-content:center}
.hero h1{margin:0 0 16px;text-wrap:balance}
.hero__lead{font-size:17.5px;line-height:1.68;color:var(--body);margin:0 0 26px;max-width:48ch}
.hero__note{margin:14px 0 0;font-size:13px;line-height:1.6;color:var(--muted);max-width:46ch}

/* partners: inline label on the left, six cells to the right */
.pl-band{margin:0;border-bottom:1px solid var(--line)}
.pl-band__in{display:grid;grid-template-columns:168px minmax(0,1fr);align-items:stretch;max-width:var(--wrap);margin:0 auto;padding:0 32px}
.pl-band__hd{display:flex;align-items:center;gap:10px;border-right:1px solid var(--line-2);padding:20px 18px 20px 0}
.pl-band__mark{width:18px;height:2px;background:var(--accent)}
.pl-band .pl__label{margin:0;font:700 10.5px/1.2 "Public Sans",sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.pl-band .pl__sub{margin:3px 0 0;font:600 9.5px/1.2 "Public Sans",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
.pl-band .pl{padding:0;border:0;background:none}
.pl-band .pl__row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;margin:0;padding:0;max-width:none}
.pl-band .pl__a{display:flex;align-items:center;justify-content:center;min-height:96px;padding:16px 8px;position:relative;
  cursor:pointer;opacity:1;background:transparent;transition:background-color .2s ease}
.pl-band .pl__a::after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:2px;background:var(--accent);
  transform:scaleX(0);transform-origin:center;transition:transform .2s ease}
.pl-band .pl__a:hover,.pl-band .pl__a:focus-visible{background:rgba(22,24,27,.04)}
.pl-band .pl__a:hover::after,.pl-band .pl__a:focus-visible::after{transform:scaleX(1)}
.pl-band .pl__a[href$="/go/cam4"] img{max-height:27px}
.pl-band .pl__a[href$="/go/stripchat"] img{max-height:29px}
.pl-band .pl__a[href$="/go/livejasmin"] img{max-height:17px}
.pl-band .pl__a[href$="/go/nutaku"] img{max-height:29px}
.pl-band .pl__a[href$="/go/faphouse"] img{max-height:28px}
.pl-band .pl__a[href$="/go/candy"] img{max-height:29px}
@media (prefers-reduced-motion: reduce){.btn,.pl-band .pl__a,.pl-band .pl__a::after{transition:none}}

/* sections */
.sec{padding:64px 0}
.sec + .sec{border-top:1px solid var(--line-2)}
.sec__hd{max-width:var(--read);margin:0 auto 26px}
.sec__hd h2{margin:0 0 10px;text-wrap:balance}
.sec__hd p{margin:0;color:var(--body);max-width:66ch}
.sec__body{max-width:var(--read);margin:0 auto}
.sec__body p{color:var(--body)}

/* city index: hairline table, four per row */
.cities{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:var(--wrap);margin:0 auto;
  border-top:1px solid var(--line);border-left:1px solid var(--line-2)}
.city{display:flex;align-items:center;padding:16px 18px;border-right:1px solid var(--line-2);border-bottom:1px solid var(--line-2);
  text-decoration:none;transition:background-color .16s ease}
.city:hover{background:var(--paper)}
.city b{font:700 16px/1.3 "Space Grotesk",sans-serif;letter-spacing:-.01em;border-bottom:1px solid transparent}
.city:hover b{border-bottom-color:var(--accent)}
.city span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-left:auto}

/* three plain items */
.items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;max-width:var(--wrap);margin:0 auto}
.item h3{margin:0 0 8px}
.item p{margin:0;color:var(--muted);font-size:15.5px;line-height:1.7}

/* numbers strip */
.nums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;max-width:var(--wrap);margin:0 auto;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.nums div{padding:22px 22px 22px 0;border-right:1px solid var(--line-2)}
.nums div:last-child{border-right:0}
.nums b{display:block;font:700 clamp(24px,2.4vw,32px)/1.1 "Space Grotesk",sans-serif;letter-spacing:-.012em}
.nums span{display:block;margin-top:4px;font-size:12.5px;letter-spacing:.04em;color:var(--muted)}
.nums__note{max-width:var(--wrap);margin:14px auto 0;font-size:13.5px;line-height:1.6;color:var(--muted)}

/* premium rows */
.rows{max-width:var(--read);margin:0 auto;border-top:1px solid var(--line)}
.rows > div{display:grid;grid-template-columns:212px minmax(0,1fr);gap:32px;padding:18px 0;border-bottom:1px solid var(--line-2)}
.rows dt{font:700 16px/1.4 "Space Grotesk",sans-serif}
.rows dd{margin:0;color:var(--body);font-size:16px;line-height:1.72}

/* page head + long-form blocks */
.ph{padding:44px 0 4px}
.ph .wrap{max-width:calc(var(--read) + 64px)}
.ph h1{font-size:clamp(27px,3.1vw,38px);margin:0 0 12px}
.ph .lead{font-size:17.5px;line-height:1.7;color:var(--body);margin:0;max-width:62ch}
.narrow{max-width:calc(var(--read) + 64px)}
.narrow .rows,.narrow .faq,.narrow .chapters,.narrow .sec__hd,.narrow > p{max-width:none;margin-left:0;margin-right:0}
.chapters{margin:0 auto;max-width:var(--read);padding:0;list-style:none}
.chapters li{padding:22px 0;border-top:1px solid var(--line-2)}
.chapters h2{font-size:21px;margin:0 0 8px}
.chapters p{margin:0 0 12px;color:var(--body)}
.chapters p:last-child{margin-bottom:0}
.faq{margin:0 auto;max-width:var(--read);border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line-2)}
.faq summary{display:flex;gap:14px;list-style:none;cursor:pointer;padding:16px 0;font:600 16.5px/1.5 "Public Sans",sans-serif}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";margin-left:auto;color:var(--accent);font:600 20px/1 "Public Sans",sans-serif;transition:transform .2s ease}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.faq .a{padding:0 0 18px;color:var(--muted);font-size:16px;line-height:1.75;max-width:66ch}

/* closing + footer */
.closing{max-width:var(--read);margin:0 auto}
.closing h2{margin:0 0 12px}
.closing p{color:var(--body)}
.ft{border-top:1px solid var(--line);padding:34px 0 46px}
.ft__in{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:40px;align-items:start;max-width:var(--wrap);margin:0 auto;padding:0 32px}
.ft p{margin:10px 0 0;font-size:13px;line-height:1.7;color:var(--faint);max-width:52ch}
.ft__lang{font:700 10.5px/1.7 "Public Sans",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);text-align:right}

@media (max-width:980px){
  .nav{display:none;position:absolute;left:0;right:0;top:70px;background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column;gap:0;padding:4px 0;z-index:20}
  .hd.open .nav{display:flex}
  .nav a{padding:14px 32px;border-bottom:1px solid var(--line-2)}
  .burger{display:block;margin-left:auto}
  .hero{grid-template-columns:1fr}
  .hero__copy{order:1}
  .hero__media{order:2;min-height:0;aspect-ratio:4/3}
  .hero__copy{padding:34px 32px 40px;max-width:none}
  .items{grid-template-columns:1fr;gap:24px}
  .cities{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nums{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nums div:nth-child(2){border-right:0}
  .nums div:nth-child(n+3){border-top:1px solid var(--line-2)}
  .rows > div{grid-template-columns:1fr;gap:6px}
  .pl-band__in{grid-template-columns:1fr}
  .pl-band__hd{border-right:0;border-bottom:1px solid var(--line-2);padding:14px 0}
  .ft__in{grid-template-columns:1fr;gap:16px}
  .ft__lang{text-align:left}
}
@media (max-width:620px){
  .wrap,.hd__in,.ft__in,.pl-band__in{padding:0 18px}
  .hd__ext-note{display:none}
  .hero__copy{padding:26px 18px 32px}
  .hero__lead{font-size:16.5px}
  .hero .btn{width:100%;min-height:48px}
  .sec{padding:46px 0}
  .pl-band .pl__row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pl-band .pl__a{min-height:74px;padding:12px 6px}
  .pl-band .pl__a img,.pl-band .pl__a[href$="/go/stripchat"] img,.pl-band .pl__a[href$="/go/nutaku"] img,.pl-band .pl__a[href$="/go/faphouse"] img,.pl-band .pl__a[href$="/go/candy"] img{max-height:22px}
  .pl-band .pl__a[href$="/go/livejasmin"] img{max-height:15px}
  .pl-band .pl__a[href$="/go/cam4"] img{max-height:21px}
  .nums div{padding:18px 14px 18px 0}
  .cities{grid-template-columns:1fr 1fr}
  .city{padding:13px 12px}
}