/* The Syndicate U.S. Pool Community landing page, confirmation page, and hub integration. */
:root{
  --pool-green:#63d2a5;
  --pool-green-bright:#9af0cf;
  --pool-green-dark:#073b2d;
  --pool-red:#d42032;
  --pool-red-bright:#ff6f85;
}
body.pool-community-page{
  background:
    radial-gradient(circle at 9% 7%,rgba(10,115,79,.24),transparent 31rem),
    radial-gradient(circle at 91% 11%,rgba(190,22,49,.20),transparent 31rem),
    linear-gradient(180deg,#050205 0,#080408 48%,#030203 100%);
}
.pool-community-page .eyebrow{color:var(--pool-green)}
.pool-community-page .site-header{background:linear-gradient(180deg,rgba(8,2,5,.96),rgba(5,2,5,.86))}
.pool-community-hero{position:relative;overflow:hidden;padding:clamp(4rem,7vw,7rem) 0 clamp(3.4rem,6vw,6rem);border-bottom:1px solid rgba(99,210,165,.15);background:radial-gradient(circle at 9% 10%,rgba(7,82,59,.32),transparent 32rem),radial-gradient(circle at 88% 16%,rgba(132,8,22,.31),transparent 30rem),linear-gradient(180deg,#070306,#0b0508)}
.pool-community-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.82),transparent 86%)}
.pool-community-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(370px,.78fr);gap:clamp(2rem,5vw,4.6rem);align-items:start}
.pool-community-copy{padding-top:.6rem}
.pool-community-copy h1{font-family:var(--serif);font-size:clamp(3.2rem,5.55vw,6.05rem);line-height:.96;letter-spacing:-.047em;max-width:13.8ch;text-transform:none;color:#fff8ed;text-shadow:0 3px 0 rgba(0,0,0,.48),0 0 38px rgba(99,210,165,.10)}
.pool-community-lead{max-width:760px;margin:1.4rem 0 1.65rem;font-size:clamp(1.05rem,1.55vw,1.28rem);color:#eadfd5!important}
.pool-community-actions{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}
.pool-community-actions .btn{min-height:54px;padding-inline:1.35rem}
.pool-trust-strip{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.35rem}
.pool-trust-strip span{display:inline-flex;align-items:center;gap:.4rem;padding:.42rem .68rem;border:1px solid rgba(99,210,165,.22);border-radius:999px;background:rgba(7,55,42,.22);color:#d7e9df;font-size:.8rem;font-weight:850}
.pool-trust-strip span::before{content:"✓";color:var(--pool-green);font-weight:1000}
.pool-independent-line{max-width:780px;margin:1.15rem 0 0;padding:.85rem .95rem;border-left:3px solid var(--pool-green);background:rgba(7,49,37,.2);color:#c8bab1;font-size:.86rem}
.pool-signup-card{scroll-margin-top:104px;position:relative;padding:clamp(1.15rem,2.4vw,1.65rem);border:1px solid rgba(99,210,165,.36);border-radius:28px;background:radial-gradient(circle at 95% 0,rgba(99,210,165,.13),transparent 16rem),linear-gradient(180deg,rgba(18,7,11,.96),rgba(5,3,5,.97));box-shadow:0 30px 90px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.05)}
.pool-signup-card::before{content:"";position:absolute;inset:0 0 auto;height:4px;border-radius:28px 28px 0 0;background:linear-gradient(90deg,var(--pool-green),var(--gold-2),var(--pool-red));opacity:.9}
.pool-signup-kicker{display:flex;align-items:center;gap:.6rem;color:var(--pool-green);font-size:.72rem;font-weight:950;letter-spacing:.14em;text-transform:uppercase}
.pool-signup-kicker::before{content:"";width:.62rem;height:.62rem;border-radius:50%;background:var(--pool-green);box-shadow:0 0 0 7px rgba(99,210,165,.1)}
.pool-signup-card h2{margin:.55rem 0 .55rem;font-family:var(--serif);font-size:clamp(1.75rem,2.65vw,2.65rem);line-height:1.02;color:#fff7ee}
.pool-signup-card>p{font-size:.92rem}
.pool-community-form{display:grid;gap:.85rem;margin-top:1.1rem}
.pool-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.pool-form-field{display:grid;gap:.38rem}
.pool-form-field.full{grid-column:1/-1}
.pool-form-field label{color:#fff7ee;font-size:.84rem;font-weight:850}
.pool-form-field label span{color:#bcaea5;font-weight:600}
.pool-form-field input,.pool-form-field select{width:100%;min-height:48px;border:1px solid rgba(255,255,255,.15);border-radius:13px;background:#090507;color:#fff7ee;padding:.72rem .82rem;font:inherit;font-size:.9rem}
.pool-form-field input::placeholder{color:#8e8078}
.pool-form-field input:focus,.pool-form-field select:focus{outline:3px solid rgba(99,210,165,.2);outline-offset:1px;border-color:var(--pool-green)}
.pool-community-consent{display:grid;grid-template-columns:20px 1fr;gap:.65rem;align-items:start;color:#d7c9bf;font-size:.82rem;line-height:1.45}
.pool-community-consent input{width:18px;height:18px;margin-top:.14rem;accent-color:#29a978}
.pool-community-submit{width:100%;min-height:52px}
.pool-form-small{margin:0;color:#a99a91;font-size:.75rem;line-height:1.45}
.pool-form-status{display:none;margin:0;color:#a9f0cd;font-size:.82rem;font-weight:850}
.pool-pathway-media{position:relative;margin:clamp(2.5rem,5vw,4.2rem) 0 0;border:1px solid rgba(99,210,165,.28);border-radius:28px;overflow:hidden;background:#050205;box-shadow:0 34px 105px rgba(0,0,0,.52)}
.pool-pathway-media img{display:block;width:100%;height:auto}
.pool-pathway-media figcaption{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.8rem 1rem;border-top:1px solid rgba(255,255,255,.08);background:rgba(7,3,6,.96);color:#c8bbb2;font-size:.78rem}
.pool-pathway-media figcaption strong{color:var(--pool-green-bright)}
.pool-principles-band{padding:1rem 0;border-bottom:1px solid rgba(99,210,165,.12);background:rgba(4,2,4,.72)}
.pool-principles-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}
.pool-principle{min-height:90px;padding:.95rem;border:1px solid rgba(99,210,165,.16);border-radius:16px;background:linear-gradient(180deg,rgba(7,61,45,.18),rgba(255,255,255,.025))}
.pool-principle strong{display:block;color:#fff7ee;font-family:var(--serif);font-size:1.05rem}
.pool-principle span{display:block;color:#b9aaa2;font-size:.82rem;margin-top:.18rem}
.pool-community-section{padding:clamp(4.5rem,8vw,8rem) 0}
.pool-section-heading{max-width:900px;margin-bottom:2.3rem}
.pool-section-heading.center{text-align:center;margin-inline:auto}
.pool-section-heading h2{font-family:var(--serif);font-size:clamp(2.35rem,4.8vw,4.8rem);max-width:15ch;color:#fff7ee}
.pool-section-heading.center h2{margin-inline:auto;max-width:18ch}
.pool-section-heading>p:not(.eyebrow){max-width:790px;font-size:1.04rem}
.pool-section-heading.center>p:not(.eyebrow){margin-inline:auto}
.pool-gap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.pool-gap-card{position:relative;min-height:300px;padding:1.35rem;border:1px solid rgba(99,210,165,.2);border-radius:24px;background:radial-gradient(circle at 100% 0,rgba(99,210,165,.12),transparent 14rem),linear-gradient(180deg,rgba(8,54,42,.27),rgba(7,3,6,.97));box-shadow:0 23px 65px rgba(0,0,0,.27)}
.pool-gap-card:nth-child(2){border-color:rgba(255,216,122,.22);background:radial-gradient(circle at 100% 0,rgba(255,216,122,.11),transparent 14rem),linear-gradient(180deg,rgba(46,32,8,.2),rgba(7,3,6,.97))}
.pool-gap-card:nth-child(3){border-color:rgba(255,111,133,.25);background:radial-gradient(circle at 100% 0,rgba(255,111,133,.14),transparent 14rem),linear-gradient(180deg,rgba(62,8,19,.26),rgba(7,3,6,.97))}
.pool-gap-number{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--pool-green);color:#032318;font-weight:1000}
.pool-gap-card:nth-child(2) .pool-gap-number{background:var(--gold-2);color:#241704}
.pool-gap-card:nth-child(3) .pool-gap-number{background:var(--pool-red-bright);color:#2a030a}
.pool-gap-card h3{margin:.9rem 0 .65rem;font-family:var(--serif);font-size:clamp(1.55rem,2.3vw,2.25rem);color:#fff7ee}
.pool-gap-card p{margin:0}
.pool-community-audience{background:radial-gradient(circle at 10% 20%,rgba(7,70,51,.2),transparent 28rem),linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.012));border-block:1px solid rgba(255,255,255,.065)}
.pool-audience-layout{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(2rem,5vw,4rem);align-items:start}
.pool-audience-list{display:flex;flex-wrap:wrap;gap:.65rem}
.pool-audience-list span{display:inline-flex;padding:.62rem .83rem;border:1px solid rgba(99,210,165,.22);border-radius:999px;background:rgba(7,58,43,.21);color:#e0eee7;font-size:.86rem;font-weight:850}
.pool-audience-list span:nth-child(3n+2){border-color:rgba(255,216,122,.23);background:rgba(63,42,7,.18)}
.pool-audience-list span:nth-child(4n){border-color:rgba(255,111,133,.23);background:rgba(61,7,18,.18)}
.pool-disclaimer-card{margin-top:1.2rem;padding:1rem 1.05rem;border:1px solid rgba(255,216,122,.2);border-radius:16px;background:rgba(255,216,122,.045);color:#c9bbb1;font-size:.84rem}
.pool-disclaimer-card strong{color:#ffe7a4}
.pool-pathway-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.72rem;counter-reset:pathway}
.pool-pathway-step{counter-increment:pathway;position:relative;min-height:270px;padding:1.1rem;border:1px solid rgba(99,210,165,.18);border-radius:21px;background:linear-gradient(180deg,rgba(7,54,41,.23),rgba(7,3,6,.96))}
.pool-pathway-step::before{content:counter(pathway);display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--pool-green),#b5f7dc);color:#032419;font-weight:1000;box-shadow:0 0 0 7px rgba(99,210,165,.07)}
.pool-pathway-step:not(:last-child)::after{content:"›";position:absolute;top:1.08rem;right:-.62rem;z-index:2;color:#ffe09a;font-size:1.6rem;font-weight:1000}
.pool-pathway-step h3{margin:1rem 0 .55rem;font-family:var(--serif);font-size:1.35rem;color:#fff7ee}
.pool-pathway-step p{font-size:.84rem;margin:0}
.pool-women-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.62fr);gap:clamp(1.7rem,4vw,3rem);align-items:center;padding:clamp(1.4rem,3vw,2.2rem);border:1px solid rgba(255,111,133,.31);border-radius:28px;background:radial-gradient(circle at 90% 12%,rgba(255,111,133,.16),transparent 18rem),linear-gradient(135deg,rgba(64,8,20,.58),rgba(6,48,36,.38));box-shadow:0 28px 80px rgba(0,0,0,.35)}
.pool-women-panel h2{font-family:var(--serif);font-size:clamp(2.15rem,4vw,4rem);max-width:15ch;color:#fff7ee}
.pool-women-list{display:grid;gap:.65rem}
.pool-women-list div{padding:.83rem .9rem;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:rgba(0,0,0,.2)}
.pool-women-list strong{display:block;color:#ffd6dd;font-size:.9rem}
.pool-women-list span{display:block;color:#c9b8b4;font-size:.8rem;margin-top:.15rem}
.pool-benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.pool-benefit-card{min-height:260px;padding:1.2rem;border:1px solid rgba(99,210,165,.18);border-radius:21px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025))}
.pool-benefit-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;border:1px solid rgba(99,210,165,.32);background:rgba(7,64,47,.3);color:var(--pool-green-bright);font-size:1.15rem;font-weight:1000}
.pool-benefit-card h3{margin:.9rem 0 .55rem;font-family:var(--serif);font-size:1.4rem;color:#fff7ee}
.pool-benefit-card p{font-size:.86rem;margin:0}
.pool-faq-list{display:grid;gap:.75rem;max-width:920px;margin-inline:auto}
.pool-faq-list details{border:1px solid rgba(99,210,165,.18);border-radius:17px;background:rgba(255,255,255,.028);padding:1rem 1.05rem}
.pool-faq-list summary{cursor:pointer;color:#fff7ee;font-family:var(--serif);font-size:1.12rem;font-weight:850}
.pool-faq-list details p{margin:.75rem 0 0;font-size:.91rem}
.pool-bottom-cta{position:relative;overflow:hidden;padding:clamp(3rem,6vw,5.5rem) 0;background:radial-gradient(circle at 12% 40%,rgba(99,210,165,.18),transparent 25rem),radial-gradient(circle at 88% 40%,rgba(210,32,50,.18),transparent 25rem),linear-gradient(180deg,rgba(12,4,8,.95),rgba(4,2,4,.98));border-top:1px solid rgba(99,210,165,.15)}
.pool-bottom-cta-box{display:flex;justify-content:space-between;gap:2rem;align-items:center;padding:clamp(1.3rem,3vw,2rem);border:1px solid rgba(99,210,165,.27);border-radius:26px;background:rgba(0,0,0,.24)}
.pool-bottom-cta-box h2{font-family:var(--serif);font-size:clamp(2rem,3.8vw,3.8rem);max-width:15ch;color:#fff7ee}
.pool-mobile-cta{display:none}
/* Thank-you page */
.pool-thank-hero{position:relative;overflow:hidden;padding:clamp(5rem,9vw,9rem) 0;background:radial-gradient(circle at 50% 10%,rgba(99,210,165,.23),transparent 32rem),radial-gradient(circle at 85% 55%,rgba(210,32,50,.17),transparent 28rem),linear-gradient(180deg,#070306,#0b0508);text-align:center}
.pool-thank-mark{display:grid;place-items:center;width:86px;height:86px;margin:0 auto 1.3rem;border-radius:50%;border:1px solid rgba(99,210,165,.52);background:radial-gradient(circle,rgba(99,210,165,.28),rgba(7,57,42,.42));color:#bdf8df;font-size:2.7rem;font-weight:1000;box-shadow:0 0 0 14px rgba(99,210,165,.05),0 25px 80px rgba(0,0,0,.38)}
.pool-thank-hero h1{max-width:15ch;margin-inline:auto;font-family:var(--serif);font-size:clamp(3.2rem,6.8vw,6.7rem);color:#fff7ee}
.pool-thank-hero .pool-community-lead{margin-inline:auto;max-width:760px}
.pool-thank-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem}
.pool-next-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.pool-next-card{padding:1.25rem;border:1px solid rgba(99,210,165,.2);border-radius:22px;background:linear-gradient(180deg,rgba(7,60,44,.22),rgba(7,3,6,.96));min-height:240px}
.pool-next-card strong{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--pool-green);color:#032318;font-size:1.1rem}
.pool-next-card h2,.pool-next-card h3{margin:.9rem 0 .55rem;font-family:var(--serif);font-size:1.45rem;color:#fff7ee}
.pool-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.pool-resource-card{display:flex;flex-direction:column;min-height:250px;padding:1.2rem;border:1px solid rgba(255,216,122,.19);border-radius:21px;background:linear-gradient(180deg,rgba(58,39,7,.14),rgba(7,3,6,.96))}
.pool-resource-card h3{font-family:var(--serif);font-size:1.45rem;color:#fff7ee;margin:.55rem 0}
.pool-resource-card .inline-link{margin-top:auto}
/* Pocket Billiards hub integration */
.pool-community-promo{padding:clamp(3.7rem,7vw,6rem) 0;background:radial-gradient(circle at 12% 20%,rgba(99,210,165,.16),transparent 25rem),radial-gradient(circle at 90% 75%,rgba(210,32,50,.15),transparent 26rem),linear-gradient(180deg,rgba(6,42,32,.2),rgba(9,3,6,.96));border-block:1px solid rgba(99,210,165,.14)}
.pool-community-promo-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.72fr);gap:clamp(2rem,5vw,4rem);align-items:center;padding:clamp(1.3rem,3vw,2.1rem);border:1px solid rgba(99,210,165,.26);border-radius:28px;background:rgba(0,0,0,.22);box-shadow:0 28px 85px rgba(0,0,0,.32)}
.pool-community-promo h2{font-family:var(--serif);font-size:clamp(2.4rem,4.7vw,4.7rem);max-width:13ch;color:#fff7ee}
.pool-community-promo-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.15rem}
.pool-mini-ladder{display:grid;gap:.55rem;counter-reset:miniladder}
.pool-mini-ladder div{counter-increment:miniladder;display:grid;grid-template-columns:42px 1fr;gap:.75rem;align-items:center;padding:.78rem;border:1px solid rgba(99,210,165,.17);border-radius:14px;background:rgba(7,56,42,.18)}
.pool-mini-ladder div::before{content:counter(miniladder);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--pool-green);color:#032318;font-weight:1000}
.pool-mini-ladder strong{display:block;color:#fff7ee;font-size:.87rem}
.pool-mini-ladder span{display:block;color:#b8aaa2;font-size:.75rem}
.pool-nav-new{color:#a8f1d2!important;font-weight:950!important}
.pool-hub-new-badge{display:inline-flex;margin-left:.35rem;padding:.13rem .34rem;border-radius:999px;background:#63d2a5;color:#032318;font-size:.52rem;font-weight:1000;letter-spacing:.08em;vertical-align:middle}
@media(max-width:1100px){
  .pool-community-hero-grid,.pool-audience-layout,.pool-women-panel,.pool-community-promo-grid{grid-template-columns:1fr}
  .pool-signup-card{max-width:820px}
  .pool-pathway-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pool-pathway-step:not(:last-child)::after{display:none}
  .pool-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:800px){
  .pool-principles-grid,.pool-gap-grid,.pool-next-grid,.pool-resource-grid{grid-template-columns:1fr 1fr}
  .pool-pathway-grid{grid-template-columns:1fr 1fr}
  .pool-bottom-cta-box{align-items:stretch;flex-direction:column}
}
@media(max-width:640px){
  .pool-community-hero{padding-top:3.4rem}
  .pool-community-copy h1{font-size:clamp(2.65rem,13.5vw,4.25rem);max-width:12ch}
  .pool-community-actions .btn{width:100%}
  .pool-form-grid{grid-template-columns:1fr}
  .pool-form-field.full{grid-column:auto}
  .pool-pathway-media{border-radius:18px}
  .pool-pathway-media figcaption{display:grid}
  .pool-principles-grid,.pool-gap-grid,.pool-pathway-grid,.pool-benefit-grid,.pool-next-grid,.pool-resource-grid{grid-template-columns:1fr}
  .pool-gap-card,.pool-benefit-card,.pool-next-card,.pool-resource-card{min-height:auto}
  .pool-section-heading h2{font-size:clamp(2.2rem,12vw,3.65rem)}
  .pool-bottom-cta-box .btn{width:100%}
  .pool-mobile-cta{position:fixed;left:.55rem;right:.55rem;bottom:.55rem;z-index:150;display:flex;justify-content:center;min-height:52px;box-shadow:0 18px 55px rgba(0,0,0,.58)}
  body.pool-community-page{padding-bottom:70px}
}

/* Production form behavior and article conversion panel */
.pool-form-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.pool-form-status.is-visible{display:block}
.pool-form-status.is-error{color:#ff9cad}
.pool-community-form.is-busy{opacity:.82}
.pool-community-form.is-busy .pool-community-submit{cursor:wait}
.pool-community-submit:disabled{opacity:.72;cursor:wait}
.article-pool-community-cta{margin:clamp(2.2rem,5vw,4rem) 0;padding:clamp(1.3rem,3vw,2rem);border:1px solid rgba(99,210,165,.28);border-radius:26px;background:radial-gradient(circle at 92% 10%,rgba(99,210,165,.12),transparent 18rem),radial-gradient(circle at 8% 90%,rgba(212,32,50,.14),transparent 20rem),linear-gradient(180deg,rgba(9,48,37,.38),rgba(10,3,6,.96));box-shadow:0 28px 80px rgba(0,0,0,.34)}
.article-pool-community-cta h2{max-width:17ch;margin:.25rem 0 .75rem;font-family:var(--serif);font-size:clamp(2rem,4vw,3.8rem);line-height:1.02;color:#fff7ee}
.article-pool-community-cta>p:not(.eyebrow){max-width:820px}
.article-pool-community-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.1rem 0}
.article-pool-community-notice{margin:1rem 0 0;padding:.8rem .9rem;border-left:3px solid var(--pool-green);background:rgba(7,49,37,.19);color:#baa9a2;font-size:.8rem}
@media(max-width:640px){.article-pool-community-actions .btn{width:100%}}