:root{--pfp-near-black:#242423;--pfp-charcoal:#333533;--pfp-sage:#CFDBD5;--pfp-orange:#D57100;--navy:#242423;--navy-2:#333533;--cream:#CFDBD5;--paper:#e8eeea;--sage-dark:#aebeb6;--orange:#D57100;--orange-bright:#D57100;--ink:#242423;--muted:#6f777b;--line:rgba(36,36,35,.18);--mono:"IBM Plex Mono",ui-monospace,monospace;--display:"Barlow Condensed",Oswald,sans-serif;--body:"IBM Plex Sans",sans-serif;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;left:-999px;top:10px;background:var(--orange);padding:10px;z-index:100}.skip-link:focus{left:10px}.site-header{position:relative;z-index:20;background:var(--navy);color:white;border-bottom:1px solid rgba(207,219,213,.15)}.nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0}.brand-mark{display:grid;place-items:center;width:43px;height:43px;background:var(--orange);color:var(--navy);font:700 17px var(--display);letter-spacing:-2px;transform:rotate(-3deg)}.brand-mark span{color:white}.brand-name{font:500 12px var(--mono);letter-spacing:1.6px;line-height:1.45}.brand-name b{display:block;color:var(--orange);font-weight:500}.primary-nav{display:flex;align-items:center;gap:28px;font-size:13px;color:#d4dce3}.primary-nav a{transition:color .2s}.primary-nav a:hover,.footer-links a:hover{color:var(--orange)}.nav-about{padding:10px 13px;border:1px solid rgba(255,255,255,.3);color:white!important}.nav-about span{color:var(--orange);margin-left:8px}.menu-toggle{display:none;background:none;border:0;color:white;width:42px;height:42px;padding:10px;cursor:pointer}.menu-toggle span{display:block;height:2px;background:white;margin:6px 0;transition:transform .2s}.hero{position:relative;overflow:hidden;background:var(--navy);color:white;padding:76px 0 0;isolation:isolate}.court-lines{position:absolute;z-index:-1;inset:0;overflow:hidden;opacity:.17;pointer-events:none}.court-midline{position:absolute;left:50%;top:0;height:100%;border-left:1px solid var(--orange)}.court-circle{position:absolute;width:370px;height:370px;border:1px solid var(--orange);border-radius:50%;left:calc(50% - 185px);top:90px}.court-key{position:absolute;right:-4px;top:130px;width:240px;height:330px;border:1px solid var(--orange);border-right:0}.court-arc{position:absolute;right:-145px;top:180px;width:520px;height:520px;border:1px solid var(--orange);border-radius:50%}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:64px;align-items:center;padding-bottom:72px}.eyebrow{font:500 10px var(--mono);letter-spacing:1.8px;color:#bdc7cf;margin:0 0 22px}.live-dot,.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);margin-right:9px;box-shadow:0 0 0 4px rgba(213,113,0,.12)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display);letter-spacing:-.055em}h1{font-size:clamp(52px,6vw,82px);line-height:.98;font-weight:600;margin:0 0 25px}h1 span,h2 span{color:var(--orange)}.hero-intro{max-width:480px;color:#c7d0d7;font-size:17px;line-height:1.75;margin-bottom:30px}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:14px 18px;font-size:12px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button span{font-size:17px}.button-orange{background:var(--orange);color:var(--navy)}.button-orange:hover{background:var(--orange-bright)}.button-dark{background:var(--navy);color:white}.button-dark:hover{background:var(--navy-2)}.text-link{font-size:12px;color:#e2e7ea}.text-link span{color:var(--orange);margin-left:7px}.hero-meta{display:flex;align-items:center;gap:12px;margin-top:54px;font:9px var(--mono);letter-spacing:1px;color:#8e9aa5}.meta-number{color:var(--orange);font-size:12px}.meta-rule{height:1px;width:40px;background:#65717b}.hero-card{background:var(--paper);color:var(--ink);padding:18px;box-shadow:0 22px 60px rgba(0,0,0,.18);transform:rotate(1deg)}.panel-top,.panel-bottom{display:flex;justify-content:space-between;align-items:center;font:9px var(--mono);letter-spacing:1px}.panel-label{font-weight:500}.status-dot{width:6px;height:6px;margin-right:7px}.panel-date{color:#858b8e;font-size:8px}.embed-placeholder{margin:16px 0 14px;min-height:285px;border:1px dashed #c7c9c5;background:linear-gradient(135deg,#CFDBD5,#fbf9f3);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:26px}.placeholder-icon{width:52px;height:52px;border:1px solid #d4d3cc;display:grid;place-items:center;margin-bottom:18px}.placeholder-icon svg{width:30px;fill:none;stroke:var(--orange);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.placeholder-title{font:600 17px var(--display);margin:0 0 8px;letter-spacing:-.03em}.placeholder-copy{font-size:11px;line-height:1.7;color:#747c7f;max-width:290px;margin-bottom:18px}.placeholder-tag{font:8px var(--mono);letter-spacing:1px;color:#8c6a4f;background:#e0e7e2;padding:7px 9px}.panel-bottom{border-top:1px solid #e7e4dd;padding-top:13px;color:#727b80;font-size:8px}.panel-arrow{font-size:16px;color:var(--orange)}.hero-bottom{display:flex;justify-content:space-between;padding:16px 0;border-top:1px solid rgba(207,219,213,.16);font:9px var(--mono);letter-spacing:1.2px;color:#8d9aa5}.orange{color:var(--orange);font-size:13px}.ticker{overflow:hidden;background:var(--orange);color:var(--navy);white-space:nowrap}.ticker-track{display:flex;align-items:center;justify-content:space-around;gap:32px;padding:14px 0;width:max-content;min-width:100%;font:600 10px var(--mono);letter-spacing:1.6px}.ticker i{font-style:normal;font-size:15px}.section{padding:100px 0}.section-light{background:var(--paper)}.section-cream{background:var(--cream)}.eyebrow-dark{color:#767c7d}.section-heading{display:grid;grid-template-columns:1fr .7fr;gap:80px;align-items:end;margin-bottom:48px}.section-heading h2,.split-copy h2,.cta-row h2,.page-hero h1{font-size:clamp(42px,5vw,62px);line-height:1.03;margin:0}.section-heading h2 span,.split-copy h2 span,.page-hero h1 span{color:var(--orange)}.section-lede{color:#636d72;max-width:440px;font-size:15px;line-height:1.85;margin:0 0 4px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.feature-card{position:relative;min-height:300px;padding:28px 26px 25px;background:var(--paper);border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start}.feature-card:last-child{border-right:0}.feature-card-dark{background:var(--navy);color:white}.feature-index{font:10px var(--mono);color:#8d9697}.feature-symbol{display:grid;place-items:center;width:44px;height:44px;background:#d8e1dc;color:#8b4b00;font-size:23px;margin:27px 0 19px}.feature-card-dark .feature-symbol{background:#414541;color:var(--orange)}.feature-card h3{font-size:22px;line-height:1.2;letter-spacing:-.04em;margin-bottom:12px}.feature-card p{font-size:12px;line-height:1.8;color:#747b7c;margin-bottom:25px}.feature-card-dark p{color:#bac4cc}.card-link{font-size:11px;font-weight:700;margin-top:auto}.card-link span{color:var(--orange);margin-left:7px}.split-feature{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.split-art{position:relative;min-height:380px;background:var(--navy);color:white;padding:28px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.art-number{font:500 11px var(--mono);letter-spacing:2px;color:var(--orange)}.art-court{position:absolute;width:330px;height:330px;border:1px solid rgba(213,113,0,.7);border-radius:50%;left:calc(50% - 165px);top:calc(50% - 165px)}.art-court:before,.art-court:after{content:"";position:absolute;border:1px solid rgba(213,113,0,.55)}.art-court:before{width:120px;height:100%;left:calc(50% - 60px);top:0;border-radius:45%}.art-court:after{width:100%;height:1px;left:0;top:50%;border-width:1px 0 0}.art-court span{position:absolute;width:11px;height:11px;border-radius:50%;background:var(--orange);left:calc(50% - 5px);top:calc(50% - 5px);z-index:2;box-shadow:0 0 0 10px rgba(213,113,0,.12)}.art-court i{position:absolute;width:200px;height:200px;border:1px solid rgba(213,113,0,.4);border-radius:50%;left:calc(50% - 100px);top:calc(50% - 100px)}.split-art>p{position:relative;z-index:1;font:10px var(--mono);letter-spacing:1.8px;line-height:1.8;color:#c7d0d7;margin:0}.split-copy h2{margin-bottom:24px}.split-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#606c71}.check-list{list-style:none;padding:0;margin:26px 0 30px;display:grid;gap:12px;font-size:12px;color:#4d5a60}.check-list span{display:inline-grid;place-items:center;width:20px;height:20px;background:#d8e1dc;color:#8b4b00;margin-right:9px;font-size:11px}.section-orange{background:var(--orange);padding:76px 0}.cta-row{display:flex;align-items:center;justify-content:space-between;gap:70px}.cta-row .eyebrow{color:#242423}.cta-row h2{font-size:clamp(38px,4vw,55px)}.cta-row h2 span{color:white}.cta-right{max-width:360px}.cta-right p{font-size:14px;line-height:1.8;color:#242423;margin-bottom:22px}.site-footer{background:var(--navy);color:white;padding:42px 0 18px}.footer-main{display:grid;grid-template-columns:1fr 1.2fr auto;gap:45px;align-items:center;padding-bottom:34px}.brand-footer .brand-name{font-size:10px}.footer-main>p{font-size:11px;line-height:1.8;color:#a9b5be;max-width:300px;margin:0}.footer-links{display:flex;gap:19px;flex-wrap:wrap;font-size:11px;color:#d0d8dd}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid rgba(207,219,213,.16);padding-top:17px;font:8px var(--mono);letter-spacing:1px;color:#82919d}.footer-bottom b{color:var(--orange);margin-left:5px}
.page-hero{background:var(--navy);color:white;padding:78px 0 82px;position:relative;overflow:hidden}.page-hero .container{position:relative}.page-hero h1{font-size:clamp(48px,6vw,72px);max-width:800px;margin-bottom:20px}.page-hero .page-intro{max-width:620px;color:#c4cdd4;font-size:16px;line-height:1.85;margin-bottom:0}.page-content{padding:78px 0 100px}.content-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,.7fr);gap:80px}.prose h2{font-size:30px;margin:36px 0 12px}.prose h2:first-child{margin-top:0}.prose p{color:#59656a;font-size:14px;line-height:1.95}.prose a{color:#8b4b00;text-decoration:underline;text-underline-offset:3px}.side-card{background:var(--navy);color:white;padding:25px;height:max-content}.side-card .eyebrow{color:#aebbc5}.side-card h3{font-size:23px;margin-bottom:12px}.side-card p{color:#b8c2ca;font-size:12px;line-height:1.8}.side-card a{color:var(--orange);font-size:12px;font-weight:700}.skill-tags{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.skill-tags span{border:1px solid #d6d3cb;padding:7px 10px;font:10px var(--mono);color:#4e5b61}.placeholder-page-card{background:var(--paper);border:1px solid var(--line);padding:28px}.placeholder-page-card p{color:#667176;font-size:13px;line-height:1.8}.placeholder-page-card .button{margin-top:8px}
@media(max-width:950px){.primary-nav{gap:16px;font-size:12px}.hero-grid{gap:34px}.section-heading{gap:40px}.split-feature{gap:50px}.footer-main{grid-template-columns:1fr 1fr}.footer-links{grid-column:1/-1}.feature-card{padding:23px 20px}.feature-card h3{font-size:20px}}@media(max-width:720px){.container{width:min(var(--max),calc(100% - 36px))}.nav-wrap{height:72px}.menu-toggle{display:block}.primary-nav{display:none;position:absolute;left:0;right:0;top:72px;padding:14px 22px 22px;background:var(--navy);border-top:1px solid rgba(207,219,213,.15);flex-direction:column;align-items:stretch;gap:0}.primary-nav.is-open{display:flex}.primary-nav a{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.09)}.primary-nav .nav-about{padding:12px;margin-top:10px;border:1px solid rgba(255,255,255,.3)}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.hero{padding-top:52px}.hero-grid{grid-template-columns:1fr;gap:40px;padding-bottom:48px}.hero h1{font-size:clamp(51px,12vw,74px)}.hero-intro{font-size:15px}.hero-meta{margin-top:34px;gap:9px;font-size:8px}.hero-card{transform:none}.embed-placeholder{min-height:245px}.hero-bottom{font-size:7px;letter-spacing:.7px;gap:15px}.ticker-track{justify-content:flex-start;gap:20px}.section{padding:70px 0}.section-heading{grid-template-columns:1fr;gap:22px;margin-bottom:32px}.section-heading h2,.split-copy h2{font-size:48px}.section-lede{font-size:14px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:0;padding:24px;border-right:0;border-bottom:1px solid var(--line)}.feature-card:last-child{border-bottom:0}.feature-symbol{margin:18px 0 14px}.feature-card p{margin-bottom:20px}.split-feature{grid-template-columns:1fr;gap:35px}.split-art{min-height:310px}.cta-row{align-items:flex-start;flex-direction:column;gap:25px}.cta-row h2{font-size:48px}.footer-main{grid-template-columns:1fr;gap:22px}.footer-links{grid-column:auto;gap:17px}.footer-bottom{gap:15px;flex-wrap:wrap;font-size:7px}.page-hero{padding:55px 0 60px}.page-hero h1{font-size:clamp(46px,11vw,65px)}.page-hero .page-intro{font-size:14px}.page-content{padding:55px 0 70px}.content-grid{grid-template-columns:1fr;gap:30px}.prose h2{font-size:27px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Parquet-inspired identity: subtle alternating wood-block geometry. */
.hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.11;background-color:transparent;background-image:linear-gradient(90deg,transparent 48%,#CFDBD5 48%,#CFDBD5 49%,transparent 49%),linear-gradient(0deg,transparent 48%,#CFDBD5 48%,#CFDBD5 49%,transparent 49%);background-size:96px 48px;background-position:0 0,0 0;mask-image:linear-gradient(90deg,transparent,black 20%,black 80%,transparent)}
.hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.09;background:repeating-linear-gradient(90deg,transparent 0 47px,#D57100 47px 48px,transparent 48px 96px),repeating-linear-gradient(0deg,transparent 0 23px,#D57100 23px 24px,transparent 24px 48px);mask-image:linear-gradient(180deg,black,transparent 80%)}
.brand-mark{overflow:hidden;position:relative;background:#D57100;transform:none;border:1px solid rgba(207,219,213,.22)}
.brand-mark svg{display:block;width:100%;height:100%}
.brand-mark:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 10px,rgba(36,36,35,.26) 10px 11px),repeating-linear-gradient(90deg,transparent 0 20px,rgba(36,36,35,.26) 20px 21px);mix-blend-mode:multiply}
.split-art{background-color:#242423;background-image:repeating-linear-gradient(0deg,transparent 0 29px,rgba(207,219,213,.07) 29px 30px),repeating-linear-gradient(90deg,transparent 0 59px,rgba(207,219,213,.07) 59px 60px)}
.footer-links .linkedin-link{color:#CFDBD5;border-bottom:1px solid rgba(207,219,213,.35);padding-bottom:2px}
.footer-links .linkedin-link:hover{color:#D57100}
@media(max-width:720px){.hero:before,.hero:after{opacity:.07}}


/* Homepage court treatment: subtle parquet boards under thin court markings. */
.hero:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .58;
  background-color: #242423;
  background-image:
    linear-gradient(90deg, rgba(207,219,213,.035) 1px, transparent 1px),
    linear-gradient(0deg, rgba(207,219,213,.035) 1px, transparent 1px),
    linear-gradient(90deg, #2b2c2a 0 50%, #30312f 50% 100%);
  background-size: 180px 92px, 180px 92px, 360px 92px;
  background-position: 0 0, 0 0, 0 0;
  mask-image: linear-gradient(90deg, black, black 78%, rgba(0,0,0,.7));
}
.hero:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .10;
  background:
    linear-gradient(90deg, transparent 0 49.8%, rgba(207,219,213,.08) 49.8% 50.2%, transparent 50.2%),
    repeating-linear-gradient(0deg, transparent 0 45px, rgba(207,219,213,.05) 45px 46px, transparent 46px 92px);
}
.court-lines {
  opacity: 1;
}
.court-midline {
  left: 50%;
  border-left: 1px solid rgba(213,113,0,.58);
}
.court-circle {
  width: 300px;
  height: 300px;
  left: calc(50% - 150px);
  top: 50%;
  transform: translateY(-50%);
  border-color: rgba(213,113,0,.62);
}
.court-key {
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 190px;
  height: 250px;
  border-color: rgba(213,113,0,.58);
  border-right: 0;
}
.court-arc {
  right: -200px;
  top: 50%;
  transform: translateY(-50%);
  width: 540px;
  height: 540px;
  border-color: rgba(213,113,0,.62);
}
@media(max-width:720px) {
  .hero:before { opacity: .42; }
  .hero:after { opacity: .07; }
  .court-circle { width: 220px; height: 220px; left: calc(50% - 110px); }
  .court-key { width: 125px; height: 190px; }
  .court-arc { width: 420px; height: 420px; right: -210px; }
}


/* Refined court and hardwood backdrop */
.hero:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .72;
  background-color: #242423;
  background-image:
    repeating-linear-gradient(0deg, #292a28 0 34px, #30312f 34px 68px),
    linear-gradient(90deg, rgba(207,219,213,.06) 1px, transparent 1px);
  background-size: 100% 68px, 160px 68px;
  background-position: 0 0, 0 0;
}
.hero:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .12;
  background-image:
    linear-gradient(to bottom, transparent 33px, rgba(207,219,213,.18) 33px 34px, transparent 34px),
    linear-gradient(to right, transparent 79px, rgba(207,219,213,.14) 79px 80px, transparent 80px);
  background-size: 160px 68px;
  background-position: 0 0, 80px 34px;
}
.court-lines { opacity: 1; }
.court-midline { border-color: rgba(213,113,0,.7); }
.court-circle {
  width: 280px;
  height: 280px;
  left: calc(50% - 140px);
  top: 50%;
  transform: translateY(-50%);
  border-color: rgba(213,113,0,.72);
}
.court-key, .court-key-left {
  top: 50%;
  transform: translateY(-50%);
  width: 175px;
  height: 230px;
  border-color: rgba(213,113,0,.68);
}
.court-key { right: 0; border-right: 0; }
.court-key-left { position:absolute; left:0; border-left:0; }
.court-arc, .court-arc-left {
  top: 50%;
  transform: translateY(-50%);
  width: 500px;
  height: 500px;
  border-color: rgba(213,113,0,.72);
  border-radius: 50% 0 0 50%;
}
.court-arc { right: -250px; border-right: 0; }
.court-arc-left {
  position:absolute;
  left:-250px;
  border-radius: 0 50% 50% 0;
  border-left:0;
}
.eyebrow { display:none !important; }
.performance-note {
  margin: 20px 0 0;
  padding: 16px 18px;
  border-left: 3px solid var(--orange);
  background: #e2e9e4;
  color: #414a48;
  font-size: 12px;
  line-height: 1.8;
}
.performance-section { margin-bottom: 28px; }
.performance-section h2, .prediction-section h2 {
  font: 600 28px var(--display);
  letter-spacing: -.04em;
  margin: 0 0 8px;
}
.performance-section > p, .prediction-section > p {
  color: #667176;
  font-size: 13px;
  line-height: 1.8;
}
.model-feature-list {
  padding-left: 22px;
  margin: 12px 0 24px;
  display: grid;
  gap: 8px;
  color: #59656a;
  font-size: 14px;
  line-height: 1.8;
}
@media(max-width:720px) {
  .hero:before { opacity: .56; }
  .hero:after { opacity: .1; }
  .court-circle { width: 200px; height: 200px; left: calc(50% - 100px); }
  .court-key, .court-key-left { width: 100px; height: 170px; }
  .court-arc, .court-arc-left { width: 330px; height: 380px; }
  .court-arc { right: -165px; }
  .court-arc-left { left: -165px; }
}


/* Final homepage court backdrop: four charcoal tones, offset horizontal parquet boards. */
.hero:before {
  opacity: 1;
  background-color: #242423;
  background-image:
    linear-gradient(90deg, transparent 0 74px, #2b2c2a 74px 75px, transparent 75px 100%),
    linear-gradient(90deg, transparent 0 126px, #30312f 126px 127px, transparent 127px 100%),
    linear-gradient(90deg, transparent 0 46px, #333533 46px 47px, transparent 47px 100%),
    repeating-linear-gradient(0deg, #242423 0 28px, #2b2c2a 28px 56px, #30312f 56px 84px, #333533 84px 112px);
  background-size: 240px 112px, 240px 112px, 240px 112px, 100% 112px;
  background-position: 0 0, 80px 28px, 35px 56px, 0 0;
}
.hero:after {
  opacity: .08;
  background-image: repeating-linear-gradient(0deg, transparent 0 27px, rgba(207,219,213,.22) 27px 28px);
  background-size: 100% 112px;
}
.court-arc {
  right: -190px;
  width: 500px;
  height: 500px;
  border-radius: 50% 0 0 50%;
  border-right: 0;
}
.court-arc-left {
  left: -190px;
  width: 500px;
  height: 500px;
  border-radius: 0 50% 50% 0;
  border-left: 0;
}
.ticker { display: none !important; }
.predictions-top { padding-bottom: 34px; }
.predictions-top .page-intro { margin-bottom: 22px; }
.performance-embed {
  background: #333533;
  border: 1px solid rgba(207,219,213,.14);
  padding: 18px 20px 12px;
  max-width: 820px;
  color: var(--cream);
}
.performance-label {
  font: 500 9px var(--mono);
  letter-spacing: 1.2px;
  color: #b5c0ba;
  margin-bottom: 12px;
}
.performance-kpis {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 12px;
}
.performance-kpis > div {
  padding: 12px 14px;
  background: #242423;
  border: 1px solid rgba(207,219,213,.1);
}
.performance-kpis span {
  display: block;
  font: 8px var(--mono);
  letter-spacing: .7px;
  color: #aab5ae;
  margin-bottom: 7px;
}
.performance-kpis strong {
  font: 600 25px var(--display);
  color: var(--orange);
}
.performance-embed > p {
  font-size: 10px;
  color: #aab5ae;
  margin: 10px 0 0;
}
.predictions-top + .page-content { padding-top: 34px; }
.prediction-section { margin-top: 18px; }
.performance-note { margin: 0 0 18px; }
@media(max-width:720px) {
  .hero:before { opacity: .9; }
  .performance-embed { padding: 14px; }
  .performance-kpis { gap: 7px; }
  .performance-kpis > div { padding: 10px 8px; }
  .performance-kpis span { font-size: 7px; }
  .performance-kpis strong { font-size: 21px; }
}


/* Point Five Picks brand system */
:root {
  --navy: #242423;
  --navy-2: #333533;
  --cream: #CFDBD5;
  --paper: #e8eeea;
  --orange: #D57100;
  --orange-bright: #D57100;
  --ink: #242423;
  --mono: "IBM Plex Mono", ui-monospace, monospace;
  --display: "Barlow Condensed", Oswald, sans-serif;
  --body: "IBM Plex Sans", system-ui, sans-serif;
}
.brand-mark {
  width: 43px;
  height: 43px;
  background: transparent;
  transform: none;
  letter-spacing: 0;
}
.brand-mark svg { display:block; width:100%; height:100%; }
.brand-name {
  font-family: var(--display);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: .9;
  color: var(--cream);
}
.brand-name b {
  display:block;
  color:var(--cream);
  font-weight:700;
  font-size:16px;
  letter-spacing:4px;
  margin-top:5px;
}
.brand-name small {
  display:block;
  color:#aebeb6;
  font: 9px/1.3 var(--body);
  letter-spacing:0;
  margin-top:7px;
}
h1,h2,h3,.placeholder-title,.feature-card h3,.page-hero h1 {
  font-family:var(--display);
  font-weight:700;
  letter-spacing:.005em;
  text-transform:uppercase;
}
h1 { font-size:clamp(54px,6vw,84px); line-height:.92; }
h1 span,h2 span,.section-heading h2 span,.split-copy h2 span,.cta-row h2 span,.page-hero h1 span { color:var(--orange); }
body { font-family:var(--body); }
.hero {
  background-color:#242423;
  background-image:
    repeating-linear-gradient(0deg, transparent 0 29px, rgba(36,36,35,.8) 29px 30px),
    repeating-linear-gradient(0deg, #2d2e2b 0 14px, #333533 14px 15px, #292a28 15px 29px, #242423 29px 30px);
}
.hero:before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.92;
  background:
    repeating-linear-gradient(0deg, transparent 0 29px, rgba(0,0,0,.42) 29px 30px),
    repeating-linear-gradient(90deg, transparent 0 119px, rgba(0,0,0,.3) 119px 120px, transparent 120px 240px),
    repeating-linear-gradient(0deg, #2d2e2b 0 14px, #333533 14px 15px, #292a28 15px 29px, #242423 29px 30px);
  background-size:100% 30px, 240px 30px, 100% 30px;
  background-position:0 0, 0 0, 0 0;
}
.hero:after {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent calc(50% - .5px),rgba(213,113,0,.8) calc(50% - .5px),rgba(213,113,0,.8) calc(50% + .5px),transparent calc(50% + .5px)),
    radial-gradient(circle at 50% 50%,transparent 0 104px,rgba(213,113,0,.75) 105px 106px,transparent 107px);
  opacity:.72;
}
.court-lines { opacity:1; }
.court-midline { border-color:rgba(213,113,0,.8); }
.court-circle { width:210px;height:210px;left:calc(50% - 105px);top:50%;transform:translateY(-50%);border-color:rgba(213,113,0,.8); }
.court-key,.court-key-left {
  top:50%;transform:translateY(-50%);height:120px;width:110px;
  border-color:rgba(213,113,0,.82);border-top-width:1px;border-bottom-width:1px;
}
.court-key {right:0;border-right:0;}
.court-key-left {position:absolute;left:0;border-left:0;}
.court-arc,.court-arc-left {
  top:50%;transform:translateY(-50%);width:290px;height:290px;
  border-color:rgba(213,113,0,.82);
}
.court-arc {right:-145px;border-radius:50% 0 0 50%;border-right:0;}
.court-arc-left {position:absolute;left:-145px;border-radius:0 50% 50% 0;border-left:0;}
.hero .court-lines:before,.hero .court-lines:after {
  content:"";position:absolute;top:8%;height:84%;width:20%;border:1px solid rgba(213,113,0,.72);pointer-events:none;
}
.hero .court-lines:before {left:6%;border-left:0;}
.hero .court-lines:after {right:6%;border-right:0;}
@media(max-width:720px) {
 .brand-mark {width:36px;height:36px;}
 .brand-name {font-size:17px;}
 .brand-name b {font-size:13px;letter-spacing:3px;}
 .brand-name small {font-size:8px;}
 .court-circle {width:140px;height:140px;left:calc(50% - 70px);}
 .court-key,.court-key-left {width:65px;height:85px;}
 .court-arc,.court-arc-left {width:200px;height:200px;}
 .court-arc {right:-100px;}
 .court-arc-left {left:-100px;}
}

/* Point Five Picks brand system */
:root{--pfp-near-black:#242423;--pfp-charcoal:#333533;--pfp-sage:#CFDBD5;--pfp-orange:#D57100;--mono:"IBM Plex Mono",ui-monospace,monospace;--display:"Barlow Condensed",Oswald, sans-serif;--body:"IBM Plex Sans",sans-serif}
.brand-name{font-family:"Barlow Condensed",Oswald,sans-serif;letter-spacing:.04em}.brand-name small{font-family:"IBM Plex Sans",sans-serif}

/* Official Point Five Picks brand asset */
.brand-logo{display:block;width:240px;max-width:100%;height:auto}.brand-footer .brand-logo{width:220px}@media(max-width:600px){.brand-logo{width:210px}.brand-footer .brand-logo{width:200px}}


/* Requested readability and layout refinements */
.section-orange .cta-row h2 .story-highlight { color: var(--cream); }
.predictions-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  align-items: center;
  gap: 48px;
}
.predictions-heading h1 { margin-bottom: 20px; }
.predictions-heading .page-intro { max-width: 400px; }
.predictions-top { padding: 64px 0; }
.performance-embed {
  width: 100%;
  max-width: none;
  min-height: 300px;
  padding: 14px;
  display: flex;
  align-items: stretch;
  background: #333533;
  border: 1px solid rgba(207,219,213,.28);
}
.dashboard-placeholder {
  width: 100%;
  min-height: 270px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1px dashed rgba(207,219,213,.5);
  color: #CFDBD5;
}
.dashboard-placeholder-icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  margin-bottom: 14px;
  border: 1px solid rgba(207,219,213,.4);
  color: #D57100;
  font-size: 24px;
}
.dashboard-placeholder .placeholder-title { color: #CFDBD5; margin: 0 0 8px; }
.dashboard-placeholder p:not(.placeholder-title) { color: #CFDBD5; font-size: 12px; margin: 0 0 16px; }
.dashboard-placeholder .placeholder-tag { color: #242423; background: #CFDBD5; }
.side-card .skill-tags span {
  color: #CFDBD5;
  border-color: rgba(207,219,213,.48);
  background: rgba(207,219,213,.07);
}
.side-card .skill-tags span:hover { background: rgba(207,219,213,.14); }
@media(max-width:720px) {
  .predictions-hero-grid { grid-template-columns: 1fr; gap: 28px; }
  .predictions-top { padding: 50px 0 36px; }
  .performance-embed { min-height: 240px; }
  .dashboard-placeholder { min-height: 210px; padding: 18px; }
}


/* Site-wide sticky navigation */
.site-header { position: sticky; top: 0; z-index: 1000; }

/* Homepage hero: remove the court/parquet background treatment entirely. */
.hero {
  background: #242423 !important;
}
.hero::before, .hero::after, .hero .court-lines {
  display: none !important;
}


/* Responsive Looker Studio dashboard embeds */
.looker-embed { display:block; min-height:0; padding:0; overflow:hidden; }
.looker-embed iframe { display:block; width:100%; height:clamp(360px, 42vw, 560px); min-height:360px; background:#fff; }
@media(max-width:720px) { .looker-embed iframe { height:520px; min-height:520px; } }


/* Correctly placed Looker Studio reports */
.hero-dashboard { min-width:0; }
.hero-dashboard .looker-embed { padding:0; border:0; background:transparent; }
.looker-embed-home iframe { height:clamp(260px, 27vw, 360px); min-height:260px; }
.looker-embed-overview iframe { height:clamp(250px, 28vw, 350px); min-height:250px; }
.looker-embed-weekly iframe { height:clamp(420px, 48vw, 620px); min-height:420px; }
.looker-embed-historical iframe { height:clamp(250px, 27vw, 340px); min-height:250px; }
@media(max-width:720px) {
  .looker-embed-home iframe { height:360px; min-height:360px; }
  .looker-embed-overview iframe { height:340px; min-height:340px; }
  .looker-embed-weekly iframe { height:520px; min-height:520px; }
  .looker-embed-historical iframe { height:280px; min-height:280px; }
}


/* Looker Studio embeds: remove frame edges and fit full reports without inner scrolling. */
.looker-embed {
  border: 0 !important;
  outline: 0 !important;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
  padding: 0 !important;
  box-shadow: none;
}
.looker-embed iframe {
  display: block;
  width: 100%;
  max-width: 100%;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 12px;
  background: #fff;
}
.looker-embed-weekly iframe,
.looker-embed-historical iframe {
  height: 900px;
  min-height: 900px;
}
@media (max-width: 720px) {
  .looker-embed-weekly iframe,
  .looker-embed-historical iframe {
    height: 900px;
    min-height: 900px;
  }
}


/* Basketball-themed loading state for embedded Looker Studio dashboards. */
.looker-embed {
  position: relative;
  isolation: isolate;
}
.dashboard-loader {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 18px;
  min-height: 180px;
  padding: 24px;
  overflow: hidden;
  background:
    linear-gradient(rgba(207,219,213,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(207,219,213,.035) 1px, transparent 1px),
    #242423;
  background-size: 32px 32px;
  color: #CFDBD5;
  opacity: 1;
  visibility: visible;
  transition: opacity .35s ease, visibility .35s ease;
}
.dashboard-loader::before {
  content: "";
  position: absolute;
  width: 150px;
  height: 150px;
  border: 1px solid rgba(213,113,0,.35);
  border-radius: 50%;
  pointer-events: none;
}
.dashboard-loader::after {
  content: "";
  position: absolute;
  width: 220px;
  height: 1px;
  background: rgba(213,113,0,.25);
  transform: rotate(-28deg);
  pointer-events: none;
}
.loader-ball {
  position: relative;
  z-index: 1;
  display: block;
  width: 58px;
  height: 58px;
  color: #D57100;
  animation: basketball-dribble .9s ease-in-out infinite;
  transform-origin: center bottom;
}
.loader-ball svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #D57100;
  stroke: #242423;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.loader-label {
  position: relative;
  z-index: 1;
  font: 500 10px var(--mono);
  letter-spacing: 1.7px;
  text-align: center;
  text-transform: uppercase;
  color: #CFDBD5;
}
.looker-embed.is-loaded .dashboard-loader {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
@keyframes basketball-dribble {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-18px); }
}
@media (prefers-reduced-motion: reduce) {
  .loader-ball { animation: none; }
  .dashboard-loader { transition: none; }
}