/* Golf Stats Tracker App page (/golf-stats-tracker-app). All rules are
   scoped under .gst-page so nothing leaks into the shared website CSS. */
.gst-page{--gst-navy:#1B2E5F;--gst-navy-2:#243665;--gst-red:#D3393F;--gst-green:#5F9E38;--gst-lime:#C6F24E;--gst-light:#EBF8FF;--gst-line:#B0D9ED;--gst-text:#444444;--gst-head:#000000;color:var(--gst-text);font-size:16px;line-height:24px;overflow-x:clip}
.gst-page h2,.gst-page h3,.gst-page h4{color:var(--gst-head)}
.gst-page .color-red{color:var(--gst-red)}
.gst-page .container{max-width:1320px}
.gst-section{padding:70px 0 0}
.gst-eyebrow{display:block;color:var(--gst-red);font-size:13px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;margin:0 0 10px}
/* Brand name is always written ParTeeOf18 (red 18), even inside uppercase labels. */
.gst-page .gst-brand{text-transform:none}
.gst-page .gst-eyebrow .gst-brand{color:var(--gst-head)}
.gst-title{font-size:32px;font-weight:700;line-height:1.2;margin:0 0 12px}
.gst-lead{font-size:18px;line-height:26px;color:var(--gst-text);max-width:820px;margin:0 0 30px}
.gst-btn{display:inline-block;padding:14px 30px;border-radius:6px;font-size:18px;font-weight:500;line-height:1.3;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s}
.gst-btn-red{background:var(--gst-red);color:#fff;border:1px solid var(--gst-red)}
.gst-btn-red:hover{background:#b1282d;border-color:#b1282d;color:#fff}
.gst-btn-outline{background:transparent;color:#fff;border:1px solid #fff}
.gst-btn-outline:hover{background:#fff;color:var(--gst-navy)}

/* Hero */
.gst-hero{position:relative;background-color:var(--gst-navy);overflow:hidden;color:#fff;text-align:center}
.gst-hero picture,.gst-hero .gst-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.gst-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,.2) 55%,rgba(0,0,0,.45) 100%);z-index:1}
.gst-hero-inner{position:relative;z-index:2;max-width:980px;margin:0 auto;padding:200px 15px 60px}
.gst-hero h1{color:#fff;font-size:48px;line-height:1.25;font-weight:300;margin:0 0 22px}
.gst-hero h1 .gst-h1-accent{color:var(--gst-lime);font-weight:700}
.gst-hero h1 .gst-h1-strong{font-weight:700}
.gst-hero h1 .gst-h1-line::before{content:"\A";white-space:pre}
.gst-hero-desc{font-size:18px;line-height:1.6;max-width:880px;margin:0 auto 32px;color:#fff}
.gst-hero-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:48px}
.gst-qr{display:inline-flex;align-items:center;gap:28px;text-align:left}
.gst-qr img.gst-qr-img{width:124px;height:124px;border-radius:8px;background:#fff;padding:4px;border:4px solid #B7E1F5;flex-shrink:0}
.gst-qr strong{display:block;color:var(--gst-lime);font-size:30px;font-weight:500;line-height:1.25}
.gst-qr strong span{color:var(--gst-red)}
.gst-qr p{margin:8px 0 0;font-size:20px;line-height:1.35;color:#fff;white-space:nowrap}
.gst-qr .gst-stores{display:none;gap:12px;margin-top:4px}
.gst-qr .gst-stores img{height:46px;width:auto}

/* Stat cards */
.gst-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.gst-stat-card{background:#fff;border:1px solid var(--gst-line);border-radius:12px;padding:20px 20px 22px}
.gst-stat-card img{width:48px;height:48px;margin-bottom:16px}
.gst-stat-card h3{font-size:18px;font-weight:600;margin:0 0 12px}
.gst-stat-card p{font-size:16px;line-height:24px;margin:0}

/* Navy "upcoming" panel + light "deeper insights" panel */
.gst-upcoming{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px;background:var(--gst-navy);border-radius:12px;padding:32px 32px 32px 32px;margin-top:30px}
.gst-upcoming-intro h3{color:#fff;font-size:28px;font-weight:700;margin:0 0 12px}
.gst-upcoming-intro p{color:#D8DEEA;font-size:16px;margin:0;max-width:280px}
.gst-up-card{background:var(--gst-navy-2);border:1px solid #3A4B7A;border-radius:14px;padding:20px}
.gst-up-card h4{color:#fff;font-size:21px;font-weight:600;margin:12px 0 10px}
.gst-up-card p{color:#D8DEEA;font-size:16px;line-height:24px;margin:0}
.gst-badge{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.3px;padding:4px 10px;border-radius:20px;background:#fff;color:var(--gst-head)}
.gst-badge-red{background:var(--gst-red);color:#fff}
.gst-upcoming.gst-upcoming-light{background:var(--gst-light);border:1px dashed var(--gst-line);margin-top:60px}
.gst-upcoming-light .gst-upcoming-intro h3,.gst-upcoming-light .gst-up-card h4{color:var(--gst-head)}
.gst-upcoming-light .gst-upcoming-intro p,.gst-upcoming-light .gst-up-card p{color:var(--gst-text)}
.gst-upcoming-light .gst-up-card{background:#fff;border-color:var(--gst-line)}

/* Dashboard rows */
.gst-dash-row{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin-bottom:30px}
.gst-dash-row.gst-flip .gst-dash-text{order:2}
.gst-dash-row.gst-flip .gst-dash-visual{order:1}
.gst-dash-num{display:block;color:var(--gst-red);font-size:13px;font-weight:700;letter-spacing:1px;margin-bottom:12px}
.gst-dash-text h3{font-size:20px;font-weight:600;margin:0 0 18px}
.gst-dash-text p{font-size:16px;line-height:26px;margin:0}
.gst-dash-visual{background:#fff;border:1px solid var(--gst-line);border-radius:22px;padding:28px}
.gst-filters{display:flex;gap:10px;align-items:center;margin-bottom:12px}
.gst-filter{flex:1;display:flex;justify-content:space-between;align-items:center;background:#E3F3FB;border:1px solid #9FD3EC;border-radius:30px;padding:6px 16px;font-weight:600;color:var(--gst-head);font-size:16px}
.gst-filter::after{content:"";width:8px;height:8px;border-right:2px solid var(--gst-head);border-bottom:2px solid var(--gst-head);transform:rotate(45deg) translateY(-3px)}
.gst-xls{width:36px;height:36px;border-radius:6px;background:var(--gst-navy);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.gst-glance{display:grid;grid-template-columns:repeat(4,1fr);background:#D4ECF7;border-radius:12px;padding:12px 0}
.gst-glance div{text-align:center;border-left:1px solid #A9CBDB}
.gst-glance div:first-child{border-left:0}
.gst-glance strong{display:block;color:var(--gst-navy);font-size:26px;font-weight:800;line-height:1.2}
.gst-glance span{color:#5B6670;font-size:15px;letter-spacing:.4px}
.gst-par{display:flex;justify-content:space-around;align-items:flex-end;padding:6px 0 0}
.gst-par-col{text-align:center}
.gst-par-col strong{display:block;font-size:22px;font-weight:700;color:#000;margin-bottom:14px}
.gst-par-bars{display:flex;gap:8px;align-items:flex-end;height:80px;justify-content:center}
.gst-par-bars i{display:block;width:30px;height:var(--h);border-radius:3px 3px 0 0;background:var(--gst-green)}
.gst-par-bars i+i{background:#CDCDCD}
.gst-par-col span{display:block;margin-top:10px;font-size:20px;color:#555}
.gst-donuts{display:flex;justify-content:center;gap:10px}
.gst-donut-card{width:160px;border:1px solid #E5EBEF;border-radius:8px;padding:12px 10px 14px;font-size:11px;color:var(--gst-head)}
.gst-donut-card h4{font-size:13px;font-weight:600;color:var(--gst-navy);margin:0 0 12px;min-height:34px}
.gst-donut{background:conic-gradient(var(--c1) 0 var(--gst-a),var(--c2) var(--gst-a) 100%);--gst-a:var(--p);width:96px;height:96px;margin:0 auto 14px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1.1}
.gst-donut b{display:flex;flex-direction:column;align-items:center;justify-content:center;width:70px;height:70px;border-radius:50%;background:#fff;font-weight:600}
.gst-donut b small{font-size:9px;font-weight:400;color:#888}
.gst-legend{list-style:none;margin:0;padding:0}
.gst-legend li{display:flex;justify-content:space-between;align-items:center;margin-top:3px}
.gst-legend li span{display:flex;align-items:center;gap:4px}
.gst-legend li span::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--dot)}
.gst-legend li b{font-weight:600}
.gst-trend h4{font-size:20px;font-weight:600;color:var(--gst-navy);margin:0}
.gst-trend p{font-size:14px;color:#777;margin:0 0 6px;letter-spacing:.3px}
.gst-trend svg{width:100%;height:auto;display:block}

/* CTA banners */
.gst-cta{background:var(--gst-navy);border-radius:12px;color:#fff;text-align:center;padding:44px 30px 40px;margin-top:60px}
.gst-cta h2{color:#fff;font-size:30px;font-weight:700;margin:0 0 14px}
.gst-cta p{color:#E3E8F2;font-size:16px;max-width:620px;margin:0 auto 26px}
.gst-cta .gst-cta-note{font-size:13px;color:#B9C3D8;margin:22px auto 0}
/* "Every Round Counts" CTA: decorative bubbles and the golfer illustration
   sit inside the card, golfer's shadow resting on the bottom edge (Figma). */
.gst-cta-golfer{position:relative;overflow:hidden;text-align:left;padding:56px 50px 60px;min-height:323px}
.gst-cta-golfer .gst-cta-copy{position:relative;z-index:2;max-width:58%}
.gst-cta-golfer h2{font-size:34px;margin:0 0 14px}
.gst-cta-golfer p{font-size:17px;line-height:26px;margin:0 0 34px;max-width:none}
.gst-bubbles{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;z-index:0}
.gst-bubbles i{position:absolute;border-radius:50%;background:rgba(255,255,255,.11)}
.gst-bubbles i:nth-child(1){width:42px;height:42px;left:calc(95.35% - 21px);top:calc(13.8% - 21px)}
.gst-bubbles i:nth-child(2){width:19px;height:19px;left:calc(93.65% - 9.5px);top:calc(25.2% - 9.5px)}
.gst-bubbles i:nth-child(3){width:100px;height:100px;left:calc(93.1% - 50px);top:calc(76.8% - 50px)}
.gst-bubbles i:nth-child(4){width:42px;height:42px;left:calc(41.9% - 21px);top:calc(78.3% - 21px)}
.gst-bubbles i:nth-child(5){width:19px;height:19px;left:calc(45.1% - 9.5px);top:calc(74.2% - 9.5px)}
.gst-cta-golfer-img{position:absolute;left:63.2%;bottom:0;width:29%;max-width:412px;height:auto;z-index:1;pointer-events:none}

/* Tools grid */
.gst-tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.gst-tool{background:var(--gst-light);border:1px solid var(--gst-line);border-radius:12px;padding:18px 18px 24px}
.gst-tool-num{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:var(--gst-navy);color:#fff;font-size:14px;font-weight:600;margin-bottom:14px}
.gst-tool h3{font-size:18px;font-weight:600;margin:0 0 14px}
.gst-tool p{font-size:16px;line-height:24px;margin:0}

/* How it works */
.gst-how{display:grid;grid-template-columns:1fr 1fr;gap:60px;background:var(--gst-light);border-radius:12px;padding:36px 30px 30px}
.gst-how .gst-title{font-size:32px}
.gst-how .gst-lead{margin:0;font-size:17px}
.gst-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.gst-steps li{display:flex;gap:18px;align-items:flex-start;background:#fff;border-radius:14px;padding:20px}
.gst-step-num{width:38px;height:38px;border-radius:50%;background:var(--gst-navy);color:#fff;font-size:18px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.gst-steps h3{font-size:18px;font-weight:600;margin:0 0 6px}
.gst-steps p{font-size:16px;margin:0;line-height:24px}

/* No-hardware cards + comparison table */
.gst-nohw{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:30px}
.gst-nohw div{background:var(--gst-navy);border-radius:12px;padding:22px 20px 26px;color:#D8DEEA}
.gst-nohw svg{width:18px;height:18px;margin-bottom:18px}
.gst-nohw h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 14px}
.gst-nohw p{font-size:16px;line-height:24px;margin:0}
.gst-table-wrap{border:1px solid var(--gst-line);border-radius:12px;overflow:hidden;overflow-x:auto}
.gst-table{width:100%;min-width:760px;border-collapse:collapse;font-size:15px}
.gst-table th,.gst-table td{padding:14px 15px;border-bottom:1px solid #DCEEF7;vertical-align:middle;text-align:left}
.gst-table thead th{font-size:15px;font-weight:600;color:var(--gst-head);padding:20px 15px;background:#fff}
.gst-table thead th.gst-us{background:var(--gst-navy);color:#fff}
.gst-table tbody th{font-size:15px;font-weight:600;color:var(--gst-head);width:19%}
.gst-table td.gst-us{background:var(--gst-light);color:var(--gst-head);font-weight:500;width:27%}
.gst-table td{color:var(--gst-text)}
.gst-table tr.gst-phase th{background:var(--gst-navy);color:#fff;font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:6px 15px}
.gst-table tbody tr:last-child th,.gst-table tbody tr:last-child td{border-bottom:0}

/* More tools */
.gst-more-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.gst-more{background:var(--gst-light);border:1px solid var(--gst-line);border-radius:12px;padding:26px 24px 28px}
.gst-more.gst-wide{grid-column:1 / -1}
.gst-more h3{font-size:18px;font-weight:600;margin:0 0 14px}
.gst-more .gst-badge{margin-bottom:14px}
.gst-more p{font-size:16px;line-height:24px;margin:0}
.gst-more p+p{margin-top:8px}
/* In-content interlinks */
.gst-page p a:not(.gst-btn):not(.nh-faq-help-link),.gst-page .nh-faq-answer a{color:#0586FF;text-decoration:underline;font-weight:400}
.gst-page p a:not(.gst-btn):not(.nh-faq-help-link):hover,.gst-page .nh-faq-answer a:hover{color:#0469C7}
.gst-page .gst-upcoming:not(.gst-upcoming-light) .gst-up-card p a{color:#7CC2FF}
.gst-page .gst-upcoming:not(.gst-upcoming-light) .gst-up-card p a:hover{color:#A9D6FF}

.gst-page .gst-faq{padding-top:60px}

/* Chart motion: scroll-in reveal (JS adds .gst-anim to the page and .gst-in
   to each card as it enters the viewport) plus hover feedback. */
@property --gst-a{syntax:'<percentage>';inherits:false;initial-value:0%}
.gst-dash-visual{position:relative;transition:translate .3s ease,box-shadow .3s ease,border-color .3s ease}
.gst-dash-visual:hover{translate:0 -6px;box-shadow:0 14px 34px rgba(27,46,95,.12);border-color:#C9DCE6}
.gst-glance div{transition:transform .25s ease}
.gst-glance div:hover{transform:translateY(-3px)}
.gst-glance div:hover strong{color:var(--gst-red)}
.gst-glance strong{transition:color .25s ease}
.gst-filter,.gst-xls{transition:background-color .25s ease,transform .25s ease}
.gst-filter:hover{background:#D2ECF8}
.gst-xls:hover{transform:scale(1.08)}
.gst-par-col{cursor:default;transition:opacity .25s ease}
.gst-par-col strong{transition:transform .25s ease,color .25s ease}
.gst-par-bars i{transition:height .9s cubic-bezier(.22,1,.36,1),filter .25s ease,transform .25s ease;transform-origin:bottom}
.gst-par-col:hover strong{transform:scale(1.12);color:var(--gst-green)}
.gst-par-col:hover .gst-par-bars i{filter:brightness(1.08) saturate(1.15);transform:scaleY(1.06)}
.gst-par:hover .gst-par-col:not(:hover){opacity:.55}
.gst-donut{transition:--gst-a 1.2s cubic-bezier(.22,1,.36,1),transform .3s ease,box-shadow .3s ease}
.gst-donut-card{transition:transform .25s ease,box-shadow .25s ease}
.gst-donut-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(27,46,95,.1)}
.gst-donut-card:hover .gst-donut{transform:scale(1.07) rotate(-8deg)}
.gst-donut-card:hover .gst-donut b{transform:rotate(8deg)}
.gst-donut b{transition:transform .3s ease}
.gst-legend li{padding:1px 3px;border-radius:3px;transition:background-color .2s ease}
.gst-legend li:hover{background:#F1F5F8}
.gst-trend-line{stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset 1.6s ease}
.gst-trend-fill,.gst-trend-avg,.gst-trend-pts{transition:opacity .8s ease .9s}
.gst-pt{cursor:pointer}
.gst-pt-hit{fill:transparent}
.gst-pt-dot{fill:var(--gst-green);stroke:#fff;stroke-width:0;transition:r .2s ease,stroke-width .2s ease}
.gst-pt:hover .gst-pt-dot,.gst-pt.is-active .gst-pt-dot{r:5px;stroke-width:2}
.gst-tip{position:absolute;left:0;top:0;transform:translate(-50%,-130%);background:var(--gst-navy);color:#fff;font-size:12px;font-weight:500;white-space:nowrap;padding:4px 9px;border-radius:6px;pointer-events:none;opacity:0;transition:opacity .15s ease}
.gst-tip::after{content:"";position:absolute;left:50%;bottom:-4px;margin-left:-4px;border:4px solid transparent;border-bottom:0;border-top-color:var(--gst-navy)}
.gst-tip.is-on{opacity:1}
/* Initial (pre-reveal) states — only when JS is running. */
.gst-anim .gst-dash-visual:not(.gst-in) .gst-par-bars i{height:0}
.gst-anim .gst-dash-visual:not(.gst-in) .gst-donut{--gst-a:0%}
.gst-anim .gst-dash-visual:not(.gst-in) .gst-trend-line{stroke-dashoffset:1}
.gst-anim .gst-dash-visual:not(.gst-in) .gst-trend-fill,.gst-anim .gst-dash-visual:not(.gst-in) .gst-trend-avg,.gst-anim .gst-dash-visual:not(.gst-in) .gst-trend-pts{opacity:0}
.gst-par-col:nth-child(2) .gst-par-bars i{transition-delay:.12s,0s,0s}
.gst-par-col:nth-child(3) .gst-par-bars i{transition-delay:.24s,0s,0s}
.gst-donut-card+.gst-donut-card .gst-donut{transition-delay:.15s,0s,0s}
/* Card hovers (same lift + shadow feel as the Skins game page). Uses the
   standalone `translate` property: WOW/animate.css leaves its final
   keyframe `transform` applied (fill-mode: both), which would block a
   hover `transform` on the animated cards. */
.gst-stat-card,.gst-tool,.gst-more,.gst-nohw>div,.gst-up-card,.gst-steps li,.gst-upcoming,.gst-cta{transition:translate .35s ease,box-shadow .35s ease,border-color .35s ease,background-color .35s ease}
.gst-stat-card:hover,.gst-tool:hover,.gst-more:hover{translate:0 -8px;box-shadow:0 18px 40px rgba(27,46,95,.12)}
.gst-stat-card:hover{border-color:#9FD3EC}
.gst-tool:hover{background:#fff;border-color:#9FD3EC}
.gst-more:hover{background:#fff;border-color:var(--gst-navy)}
.gst-nohw>div:hover{translate:0 -8px;box-shadow:0 18px 35px rgba(0,0,0,.18)}
.gst-up-card:hover{translate:0 -5px;border-color:#6F80AE;box-shadow:0 14px 30px rgba(0,0,0,.2)}
.gst-upcoming-light .gst-up-card:hover{background:#fff;border-color:#9FD3EC;box-shadow:0 14px 30px rgba(27,46,95,.1)}
.gst-steps li:hover{translate:6px 0;box-shadow:0 10px 25px rgba(27,46,95,.1)}
.gst-cta:hover{box-shadow:0 20px 45px rgba(27,46,95,.25)}
.gst-stat-card img,.gst-tool-num,.gst-step-num,.gst-nohw svg{transition:scale .35s ease,rotate .35s ease,background-color .35s ease}
.gst-stat-card:hover img{scale:1.12;rotate:-6deg}
.gst-tool:hover .gst-tool-num,.gst-steps li:hover .gst-step-num{background:var(--gst-red);scale:1.08}
.gst-nohw>div:hover svg{rotate:90deg;scale:1.15}
.gst-stat-card h3,.gst-tool h3,.gst-more h3{transition:color .3s ease}
.gst-stat-card:hover h3,.gst-tool:hover h3,.gst-more:hover h3{color:var(--gst-navy)}
.gst-table tbody tr:not(.gst-phase) th,.gst-table tbody tr:not(.gst-phase) td{transition:background-color .2s ease}
.gst-table tbody tr:not(.gst-phase):hover th,.gst-table tbody tr:not(.gst-phase):hover td{background:#F5FAFD}
.gst-table tbody tr:not(.gst-phase):hover td.gst-us{background:#DDEEF7}
.gst-btn:hover{translate:0 -2px}
.gst-btn{transition:background-color .2s,color .2s,border-color .2s,translate .2s}

@media (prefers-reduced-motion:reduce){
  .gst-page *{transition:none!important}
  .gst-page .wow{animation:none!important;visibility:visible!important}
  .gst-page *:hover{translate:none!important}
  .gst-donut-card:hover,.gst-glance div:hover{transform:none}
}

@media (max-width:1199px){
  .gst-stat-grid{grid-template-columns:repeat(2,1fr)}
  .gst-dash-row{gap:40px}
}
@media (max-width:991px){
  .gst-hero-inner{padding:150px 15px 50px}
  .gst-hero h1{font-size:34px}
  .gst-hero-desc{font-size:16px}
  .gst-title{font-size:28px}
  .gst-lead{font-size:16px}
  .gst-upcoming{grid-template-columns:1fr;padding:24px}
  .gst-upcoming-intro p{max-width:none}
  .gst-dash-row,.gst-how{grid-template-columns:1fr;gap:24px}
  .gst-dash-row.gst-flip .gst-dash-text,.gst-dash-row.gst-flip .gst-dash-visual{order:0}
  .gst-dash-row{margin-bottom:44px}
  .gst-tools-grid{grid-template-columns:1fr 1fr}
  .gst-nohw div{padding:20px 16px 22px}
  .gst-cta-golfer-img{left:auto;right:3%;width:34%}
  .gst-cta-golfer{padding:44px 32px 46px}
  .gst-cta-golfer .gst-cta-copy{max-width:60%}
}
@media (max-width:767px){
  .gst-section{padding-top:50px}
  .gst-title{font-size:26px;line-height:34px}
  .gst-stat-card p,.gst-tool p,.gst-more p,.gst-up-card p,.gst-nohw p,.gst-steps p,.gst-dash-text p{font-size:14px;line-height:24px}
  .gst-hero h1{font-size:28px}
  .gst-qr{flex-direction:column;text-align:center;gap:14px}
  .gst-qr img.gst-qr-img{display:none}
  .gst-qr .gst-stores{display:flex;justify-content:center}
  .gst-qr p{display:none}
  .gst-qr strong{font-size:22px}
  .gst-qr p{font-size:16px;white-space:normal}
  .gst-qr .gst-stores img{height:42px}
  .gst-btn{padding:12px 24px;font-size:17px}
  .gst-stat-grid,.gst-tools-grid,.gst-nohw,.gst-more-grid{grid-template-columns:1fr}
  .gst-dash-visual{padding:18px 14px}
  .gst-glance strong{font-size:20px}
  .gst-glance span{font-size:12px}
  .gst-par-col strong{font-size:18px}
  .gst-par-col span{font-size:16px}
  .gst-par-bars i{width:22px}
  .gst-donut-card{width:50%}
  .gst-cta{padding:34px 20px}
  .gst-cta h2{font-size:25px}
  .gst-cta-golfer-img{display:none}
  .gst-bubbles i:nth-child(4),.gst-bubbles i:nth-child(5){display:none}
  .gst-cta-golfer{min-height:0;padding:34px 20px;margin-bottom:0}
  .gst-cta-golfer .gst-cta-copy{max-width:none}
  .gst-cta-golfer h2{font-size:25px}
  .gst-cta-golfer p{font-size:16px;line-height:24px;margin-bottom:26px}
  .gst-how{padding:26px 16px}
  .gst-how .gst-title{font-size:26px;line-height:34px}
}
@media (max-width:767px){
  /* Comparison table scrolls sideways; keep the row labels pinned. */
  .gst-table tbody tr:not(.gst-phase) th,.gst-table thead th:first-child{position:sticky;left:0;z-index:1;background:#fff;box-shadow:1px 0 0 #DCEEF7}
  .gst-table tr.gst-phase th{position:sticky;left:0}
  /* Scoring Trend: bigger axis labels once the chart shrinks. */
  .gst-trend .gst-months text{font-size:12px}
  .gst-trend .gst-yaxis text{font-size:12px}
  .gst-hero h1 br{display:none}
}
@media (max-width:420px){
  .gst-hero h1{font-size:25px}
  .gst-filters{gap:6px}
  .gst-filter{font-size:14px;padding:6px 12px;white-space:nowrap}
  .gst-glance{grid-template-columns:1fr 1fr;row-gap:10px}
  .gst-glance div:nth-child(3){border-left:0}
  .gst-glance span{font-size:13px}
  .gst-donuts{flex-direction:column;align-items:center}
  .gst-donut-card{width:100%;max-width:240px}
  .gst-donut-card h4{min-height:0}
  .gst-par-col strong{font-size:16px}
  .gst-par-col span{font-size:14px}
  .gst-par-bars{gap:5px}
  .gst-par-bars i{width:18px}
  .gst-upcoming{padding:20px 16px}
  .gst-up-card,.gst-stat-card,.gst-tool,.gst-more{padding-left:16px;padding-right:16px}
  .gst-trend .gst-months text{font-size:17px}
  .gst-trend .gst-months text:nth-child(even){display:none}
  .gst-trend .gst-yaxis text{font-size:15px}
}