/* Poker feature catalogue. All rules are scoped to this page. */
body.figma-home-theme:has(.pf-page){background:#0b1019;color:#edf2ff;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.pf-page{--pf-text:#f0f3fa;--pf-muted:#bdc7d8;--pf-line:#94a9d12b;background:#0b1019;color:var(--pf-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.pf-page *{box-sizing:border-box}
.pf-page :is(h1,h2,h3,p){margin:0;padding:0}
.pf-page :is(h1,h2,h3){font-family:inherit;color:var(--pf-text);font-weight:650;letter-spacing:-.035em;text-transform:none}
.pf-page p{color:var(--pf-muted);font-family:inherit;font-size:16px;line-height:1.8}
.pf-page a{color:inherit;text-decoration:none}
.pf-page a:focus-visible{outline:3px solid #a8cdff;outline-offset:5px}
.pf-page img{display:block;max-width:100%;object-fit:contain}
.pf-page :is(section[id],article[id]){scroll-margin-top:112px}
.pf-wrap{width:min(1192px,calc(100% - 88px));margin-inline:auto}
.pf-hero{position:relative;isolation:isolate;padding:26px 0 58px;background:radial-gradient(ellipse at 18% 32%,#1d4f902b,transparent 54%),radial-gradient(ellipse at 92% 48%,#4b347333,transparent 54%),#0b1019;border-bottom:1px solid var(--pf-line)}
.pf-hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 94px,#a6c6ff04 95px 96px);mask-image:linear-gradient(#000,transparent 85%)}
.pf-hero-copy{max-width:820px}
.pf-page .pf-eyebrow{font-size:12px;line-height:1.6;font-weight:550;letter-spacing:.09em;text-transform:uppercase;color:#b4c5ed;margin-bottom:18px}
.pf-page h1{font-size:clamp(44px,4.6vw,66px);line-height:1.1;letter-spacing:-.047em}
.pf-page h1 span{color:#b5c8ff;background:linear-gradient(105deg,#93caff,#bcaaff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.pf-page .pf-lead{max-width:63ch;margin-top:24px;font-size:18px;line-height:1.8}
.pf-page .pf-button{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:52px;padding:14px 21px;border:1px solid #90afff70;border-radius:7px;background:linear-gradient(110deg,#1679de,#6651cc);color:#fff;font-size:15px;font-weight:600;line-height:1.5;transition:background .2s,box-shadow .2s}
.pf-button span{font-size:22px;font-weight:400;line-height:1}
.pf-page .pf-button:hover{background:linear-gradient(110deg,#2789ed,#7863de);box-shadow:0 8px 28px #4b71ee30;color:#fff}
.pf-hero-copy .pf-button{margin-top:27px}
.pf-category-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:50px}
.pf-category{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:22px 22px 24px;border:1px solid #8298c733;border-radius:14px;background:linear-gradient(140deg,#1a2435a6,#121824cc);transition:border-color .2s,background .2s}
.pf-category:hover{border-color:#8fbbff99;background:linear-gradient(140deg,#22314bd9,#191c30)}
.pf-category img{width:72px;height:72px;flex-shrink:0;margin-bottom:17px}
.pf-category-copy{display:block}
.pf-category-title{display:block;color:#edf2ff;font-size:18px;line-height:1.4;font-weight:600;letter-spacing:-.025em;margin-bottom:7px}
.pf-category-description{display:block;color:#adbbd1;font-size:14px;line-height:1.7}
.pf-category-arrow{position:absolute;top:24px;right:23px;color:#b2c9f6;font-size:22px;line-height:1}
.pf-catalogue{padding-block:12px 0}
.pf-feature-group{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.8fr);gap:56px;padding:60px 0;border-bottom:1px solid var(--pf-line)}
.pf-feature-group:last-child{border-bottom:0}
.pf-group-intro{min-width:0}
.pf-group-marker{display:flex;align-items:center;justify-content:space-between;gap:22px;max-width:260px;margin-bottom:17px}
.pf-group-marker>span{color:#8fa1bf;font-size:13px;line-height:1;letter-spacing:.08em}
.pf-group-marker img{width:80px;height:80px}
.pf-page .pf-group-intro .pf-eyebrow{font-size:11px;margin-bottom:12px}
.pf-page .pf-group-intro h2{font-size:clamp(29px,3vw,38px);line-height:1.2;margin-bottom:18px}
.pf-page .pf-group-description{font-size:16px;line-height:1.8;color:#b5c3d8}
.pf-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;align-content:start}
.pf-feature-card{position:relative;min-width:0;padding:25px 25px 27px;background:linear-gradient(135deg,#161f2e,#111722);border:1px solid #8197c12b;border-radius:12px;overflow:hidden}
.pf-feature-card:before{content:"";display:block;width:23px;height:3px;border-radius:3px;background:linear-gradient(90deg,#79b5ff,#af95f3);margin-bottom:19px}
.pf-feature-card:last-child:nth-child(odd){grid-column:1/-1}
.pf-page .pf-feature-card h3{font-size:21px;line-height:1.35;letter-spacing:-.025em;margin-bottom:12px}
.pf-page .pf-feature-card p{font-size:15px;line-height:1.8;color:#becadd}
@media(max-width:1100px){
 .pf-wrap{width:calc(100% - 64px)}
 .pf-category{padding:20px 18px}
 .pf-category-title{font-size:17px}
 .pf-feature-group{grid-template-columns:minmax(0,.8fr) minmax(0,1.8fr);gap:32px}
 .pf-feature-card{padding:22px}
}
@media(max-width:850px){
 .pf-category-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:38px}
 .pf-category{padding:22px}
 .pf-category img{width:64px;height:64px;margin-bottom:14px}
 .pf-feature-group{grid-template-columns:1fr;gap:28px;padding-block:46px}
 .pf-group-intro{position:relative;padding-right:110px}
 .pf-group-marker{margin-bottom:15px}
 .pf-group-marker img{position:absolute;top:0;right:0;width:88px;height:88px}
 .pf-page .pf-group-intro h2{font-size:34px;margin-bottom:15px}
 .pf-page .pf-group-description{max-width:65ch}
}
@media(max-width:540px){
 .pf-wrap{width:calc(100% - 40px)}
 .pf-hero{padding:19px 0 36px}
 .pf-page .pf-eyebrow{font-size:10px;margin-bottom:16px}
 .pf-page h1{font-size:clamp(35px,9.4vw,49px);line-height:1.13}
 .pf-page .pf-lead{font-size:16px;line-height:1.8;margin-top:21px}
 .pf-hero-copy .pf-button{margin-top:23px}
 .pf-category-nav{gap:12px;margin-top:34px}
 .pf-category{padding:17px 14px 18px;border-radius:11px}
 .pf-category img{width:56px;height:56px;margin-bottom:13px}
 .pf-category-title{font-size:16px;line-height:1.45;margin-bottom:6px}
 .pf-category-description{font-size:13px;line-height:1.65}
 .pf-category-arrow{top:18px;right:15px;font-size:19px}
 .pf-catalogue{padding-top:0}
 .pf-feature-group{gap:24px;padding-block:36px}
 .pf-group-intro{padding-right:0}
 .pf-group-marker{min-height:58px;margin-bottom:12px}
 .pf-group-marker img{width:68px;height:68px}
 .pf-page .pf-group-intro h2{font-size:30px}
 .pf-page .pf-group-intro .pf-eyebrow{font-size:10px;max-width:calc(100% - 82px)}
 .pf-feature-grid{grid-template-columns:1fr;gap:13px}
 .pf-feature-card{padding:22px}
 .pf-feature-card:last-child:nth-child(odd){grid-column:auto}
 .pf-feature-card:before{margin-bottom:16px}
 .pf-page .pf-feature-card h3{font-size:20px;margin-bottom:10px}
 .pf-page .pf-feature-card p{font-size:15px}
 .pf-page .pf-button{font-size:14px;gap:25px}
}
@media(prefers-reduced-motion:reduce){.pf-page *{scroll-behavior:auto!important;transition:none!important}}

/* Retain the subsequently selected product screenshots around the original feature layout. */
.pf-hero-layout{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:56px;padding:8px 0 0}
.pf-page .pf-hero-copy h1{max-width:17ch;font-size:clamp(32px,3.4vw,42px);line-height:1.2;letter-spacing:-.025em}
.pf-page .pf-hero-copy .pf-lead{max-width:49ch;margin-top:16px;font-size:16px;line-height:1.7}
.pf-hero-visual{min-width:0;max-width:410px;width:100%;margin-left:auto;padding:12px;border-radius:10px;background:#edf2f8;overflow:hidden}
.pf-hero-visual img{width:100%;height:auto;aspect-ratio:1201/669}
.pf-demo{padding:52px 0;background:#0b1019}
.pf-demo-panel{position:relative;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:18px;background:#202a38 url('/assets/poker-game-development-company/images/webp/feature5-bg.webp') center/cover no-repeat;border:1px solid #8aa9e63d;border-radius:12px;overflow:hidden}
.pf-page .pf-demo-panel h2{font-size:clamp(26px,2.6vw,32px);line-height:1.3;margin-bottom:16px}
.pf-demo-copy{position:relative;z-index:1;min-width:0;padding:32px 0 32px 32px}
.pf-page .pf-demo-copy>p:not(.pf-eyebrow){max-width:48ch;font-size:16px;color:#d4dce8}
.pf-demo-panel .pf-button{margin-top:22px}
.pf-demo-panel .pf-demo-image{width:100%;height:auto;align-self:end}
@media(max-width:900px){
 .pf-hero-layout{gap:32px}
 .pf-demo-panel{grid-template-columns:1fr;gap:0;background-position:right bottom;background-size:auto 400px}
 .pf-demo-copy{max-width:620px;padding:32px 32px 0}
 .pf-demo-panel .pf-demo-image{width:min(90%,540px);margin:20px 0 0 auto}
}
@media(max-width:700px){
 .pf-hero-layout{grid-template-columns:1fr;gap:24px;padding:0}
 .pf-page .pf-hero-copy h1{max-width:18ch;font-size:32px}
 .pf-hero-visual{max-width:360px;margin-inline:auto}
 .pf-demo{padding:32px 0}
 .pf-demo-panel{background-size:auto 290px}
 .pf-demo-copy{padding:26px 24px 0}
 .pf-page .pf-demo-panel h2{font-size:26px}
}

/* Category hierarchy: icon and title first, with the related features below. */
.pf-feature-group{grid-template-columns:1fr;gap:26px;padding-block:48px}
.pf-feature-group+.pf-feature-group{border-top:1px solid #ffffff45}
.pf-feature-group{border-bottom:0}
.pf-group-intro{padding:0}
.pf-group-heading{display:flex;align-items:center;gap:18px;margin-bottom:16px}
.pf-group-heading img{width:64px;height:64px;flex:none}
.pf-page .pf-group-intro h2{margin:0;font-size:32px;line-height:1.25}
.pf-page .pf-group-intro .pf-eyebrow{margin:0 0 8px 82px;max-width:none}
.pf-page .pf-group-description{margin-left:82px;max-width:75ch}
.pf-feature-grid{margin-left:31px;padding-left:50px;border-left:1px solid #a8c7ff40;gap:18px}
.pf-feature-card:before{display:none}
.pf-page .pf-feature-card h3{font-size:21px}
.pf-page .pf-feature-card p{font-size:16px;line-height:1.75;color:#c5cfdf}
@media(max-width:600px){
 .pf-feature-group{gap:22px;padding-block:32px}
 .pf-group-heading{gap:14px}
 .pf-group-heading img{width:48px;height:48px}
 .pf-page .pf-group-intro h2{font-size:27px}
 .pf-page .pf-group-intro .pf-eyebrow{margin-left:0}
 .pf-page .pf-group-description{margin-left:0}
 .pf-feature-grid{grid-template-columns:1fr;margin-left:0;padding-left:14px;gap:14px}
 .pf-feature-card{padding:20px}
}

/* Restrained category accents retain the navy surfaces and existing dimensions. */
.pf-page :is(#variants,.pf-category[href="#variants"]){--pf-accent:#8abaff;--pf-tint:138,186,255}
.pf-page :is(#tables,.pf-category[href="#tables"]){--pf-accent:#73d8c5;--pf-tint:115,216,197}
.pf-page :is(#tournaments,.pf-category[href="#tournaments"]){--pf-accent:#cfadff;--pf-tint:207,173,255}
.pf-page :is(#operations,.pf-category[href="#operations"]){--pf-accent:#edc27d;--pf-tint:237,194,125}
.pf-page .pf-group-intro h2,.pf-page .pf-group-intro .pf-eyebrow,.pf-category-title{color:var(--pf-accent)}
.pf-group-heading img{border-radius:14px;background:rgba(var(--pf-tint),.08);box-shadow:inset 0 0 0 1px rgba(var(--pf-tint),.2)}
.pf-feature-grid{border-left-color:rgba(var(--pf-tint),.4)}
.pf-feature-card{background:linear-gradient(135deg,rgba(var(--pf-tint),.07),transparent 75%),#111722;border-color:rgba(var(--pf-tint),.24)}
.pf-page .pf-feature-card h3{color:var(--pf-accent)}
.pf-category{border-top-color:#8298c733;background:linear-gradient(145deg,rgba(var(--pf-tint),.09),transparent),#121824}
.pf-category-arrow{color:var(--pf-accent)}
.pf-category:hover{border-color:#8298c766;background:linear-gradient(145deg,rgba(var(--pf-tint),.16),transparent),#121824}
.pf-feature-title{display:flex;align-items:center;gap:16px;min-height:88px}
.pf-feature-title img{width:88px;height:88px;flex:none;object-fit:contain}
.pf-feature-title span{min-width:0}
@media(max-width:600px){.pf-feature-title{gap:12px;min-height:72px}.pf-feature-title img{width:72px;height:72px}}

/* Category navigation follows the same horizontal heading as the homepage. */
.pf-category-heading{display:flex;align-items:center;gap:14px;min-height:64px;width:100%;margin-bottom:16px}
.pf-category .pf-category-heading img{width:64px;height:64px;flex:none;margin:0}
.pf-category .pf-category-title{min-width:0;margin:0;font-size:20px;line-height:1.3}
.pf-category .pf-category-description{padding-right:22px}
.pf-category .pf-category-arrow{top:auto;bottom:25px;right:18px}
@media(max-width:1279px){.pf-category-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.pf-category-nav{grid-template-columns:1fr}}

/* Larger, readable feature cards; category tops retain a neutral border. */
.pf-page .pf-feature-card{padding:28px}
.pf-page .pf-feature-card h3{font-size:26px;line-height:1.3;letter-spacing:-.02em;margin-bottom:18px}
.pf-page .pf-feature-card p{font-size:18px;line-height:1.7;max-width:65ch}
@media(max-width:600px){
 .pf-page .pf-feature-card{padding:22px 18px}
 .pf-page .pf-feature-card h3{font-size:23px;margin-bottom:14px}
 .pf-page .pf-feature-card p{font-size:17px;line-height:1.65}
}

/* Give landscape category artwork a readable size without stacking the title. */
.pf-category-heading{min-height:96px;gap:16px}
.pf-category .pf-category-heading img,.pf-group-heading img{width:128px;height:96px;object-fit:contain}
.pf-group-heading img{background:none;box-shadow:none;border-radius:0}
.pf-page .pf-group-intro .pf-eyebrow,.pf-page .pf-group-description{margin-left:146px}
@media(max-width:1599px){.pf-category-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
 .pf-category-nav{grid-template-columns:1fr}
 .pf-category-heading{min-height:84px;gap:12px}
 .pf-category .pf-category-heading img,.pf-group-heading img{width:112px;height:84px}
 .pf-page .pf-group-intro .pf-eyebrow,.pf-page .pf-group-description{margin-left:0}
}
.pf-category .pf-category-title{flex:1;overflow-wrap:anywhere}
@media(min-width:1600px){
 .pf-category-heading{gap:12px}
 .pf-category .pf-category-heading img{width:96px;height:72px}
}

/* Updated square category artwork. */
.pf-category .pf-category-heading img,.pf-group-heading img{width:96px;height:96px;object-fit:contain;flex:0 0 96px}
.pf-page .pf-group-intro .pf-eyebrow,.pf-page .pf-group-description{margin-left:114px}
@media(max-width:600px){.pf-category .pf-category-heading img,.pf-group-heading img{width:80px;height:80px;flex-basis:80px}.pf-page .pf-group-intro .pf-eyebrow,.pf-page .pf-group-description{margin-left:0}}