.marketing-page.marketing-features-page { --marketing-features-green:#22a745; --marketing-features-green-dark:#168638; --marketing-features-green-soft:#e8f6ed; --marketing-features-charcoal:#10202d; --marketing-features-text:#172b3d; --marketing-features-muted:#61748a; --marketing-features-border:#dfe6eb; --marketing-features-surface:#fff; --marketing-features-surface-alt:#f5faf7; position:relative; overflow:hidden; background:var(--marketing-features-surface); color:var(--marketing-features-text); }
.marketing-features-container { width:min(1180px,calc(100% - 48px)); margin:0 auto; }.marketing-features-eyebrow { margin:0 0 11px; color:var(--marketing-features-green); font-size:11px; font-weight:800; letter-spacing:.13em; line-height:1.4; text-transform:uppercase; }.marketing-features-button { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:47px; padding:0 21px; border:1px solid transparent; border-radius:9px; font-size:13px; font-weight:700; line-height:1; text-decoration:none; transition:transform 180ms ease,background-color 180ms ease,border-color 180ms ease,color 180ms ease,box-shadow 180ms ease; }.marketing-features-button:hover { transform:translateY(-2px); }.marketing-features-button-primary { background:var(--marketing-features-green); color:#fff; box-shadow:0 8px 22px rgba(34,167,69,.22); }.marketing-features-button-primary:hover { background:var(--marketing-features-green-dark); color:#fff; }.marketing-features-button-secondary { border-color:#cbd6df; background:rgba(255,255,255,.92); color:var(--marketing-features-charcoal); }.marketing-features-button-cta-secondary { border-color:rgba(255,255,255,.7); background:transparent; color:#fff; }
.marketing-features-hero { position:relative; min-height:575px; display:flex; align-items:center; overflow:hidden; isolation:isolate; }.marketing-features-hero-background { position:absolute; z-index:-2; inset:0; background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 38%,rgba(255,255,255,.72) 57%,rgba(241,249,244,.48) 100%),url("/images/marketing/golfgripper-hero-06-regrip.jpg") center / cover no-repeat; }
.marketing-features-hero-background::after { position:absolute; inset:0; background:linear-gradient(180deg,transparent 65%,rgba(232,246,237,.5)); content:""; }
.marketing-features-hero-grid { position:relative; z-index:1; display:grid; grid-template-columns:minmax(370px,.9fr) minmax(560px,1.3fr); align-items:center; gap:12px; padding:68px 0 55px; }
.marketing-features-hero-content { position:relative; z-index:4; max-width:560px; }
.marketing-features-hero h1 { margin:0; color:var(--marketing-features-charcoal); font-size:clamp(42px,5vw,64px); font-weight:800; letter-spacing:-.045em; line-height:.99; }
.marketing-features-hero h1 span { color:var(--marketing-features-green); }
.marketing-features-hero-copy { max-width:500px; margin:22px 0 27px; color:#566a7d; font-size:15px; line-height:1.65; }
.marketing-features-hero-actions,.marketing-features-cta-actions { display:flex; flex-wrap:wrap; gap:11px; }
.marketing-features-product-stage { position:relative; min-height:420px; display:flex; align-items:center; justify-content:center; perspective:1500px; }.marketing-features-product-glow { position:absolute; width:450px; height:270px; border-radius:50%; background:rgba(34,167,69,.14); filter:blur(55px); }.marketing-features-laptop { position:relative; z-index:2; width:min(685px,100%); transform:rotateY(-4deg) rotateX(1deg); transform-style:preserve-3d; transition:transform 450ms ease; }.marketing-features-laptop-frame { padding:10px; border:3px solid #101a22; border-radius:14px 14px 8px 8px; background:#17242e; box-shadow:0 32px 58px rgba(12,30,39,.28),inset 0 0 0 1px rgba(255,255,255,.15); }.marketing-features-laptop-screen { overflow:hidden; aspect-ratio:1.55; border-radius:5px; background:#fff; }.marketing-features-laptop-screen img,.marketing-features-phone-screen img,.marketing-features-showcase-phone-screen img { display:block; width:100%; height:100%; object-fit:cover; }
.marketing-features-laptop-screen img { object-position:left top; }
.marketing-features-laptop-base { position:relative; width:112%; height:16px; margin:-1px -6%; border-radius:0 0 22px 22px; background:linear-gradient(180deg,#b9c2c8,#606a72); }.marketing-features-laptop-base::after { position:absolute; top:2px; left:50%; width:18%; height:3px; border-radius:0 0 4px 4px; background:#7f898f; content:""; transform:translateX(-50%); }
.marketing-features-phone { position:absolute; z-index:4; right:1%; bottom:22px; width:145px; transform:rotate(3deg); filter:drop-shadow(0 22px 24px rgba(10,25,35,.32)); }
.marketing-features-phone-frame,.marketing-features-showcase-phone-frame { position:relative; padding:7px; border:3px solid #101820; border-radius:23px; background:#1d2730; }
.marketing-features-phone-screen { overflow:hidden; aspect-ratio:.49; border-radius:16px; background:#fff; }
.marketing-features-phone-screen img { object-position:77% top; }
.marketing-features-phone-speaker,.marketing-features-showcase-phone-speaker { position:absolute; z-index:2; top:6px; left:50%; width:34%; height:4px; border-radius:999px; background:#0a0f14; transform:translateX(-50%); }
.marketing-features-phone-home,.marketing-features-showcase-phone-home { position:absolute; z-index:2; bottom:4px; left:50%; width:25%; height:3px; border-radius:999px; background:#7c858b; transform:translateX(-50%); }
.marketing-features-core,.marketing-features-benefits { padding:67px 0 72px; background:var(--marketing-features-surface); border-top:1px solid rgba(223,230,235,.8); }
.marketing-features-section-heading { max-width:760px; margin:0 auto 39px; text-align:center; }
.marketing-features-section-heading h2,.marketing-features-showcase-content h2 { margin:0 0 10px; color:var(--marketing-features-charcoal); font-size:clamp(30px,3.5vw,44px); letter-spacing:-.035em; line-height:1.08; }
.marketing-features-section-heading > p:not(.marketing-features-eyebrow),.marketing-features-showcase-content > p:not(.marketing-features-eyebrow) { margin:0; color:var(--marketing-features-muted); font-size:14px; line-height:1.65; }
.marketing-features-core-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:15px; }
.marketing-features-card { min-height:345px; padding:25px 23px 23px; border:1px solid var(--marketing-features-border); border-radius:12px; background:var(--marketing-features-surface); box-shadow:0 8px 25px rgba(16,32,45,.045); transition:transform 180ms ease,box-shadow 180ms ease,border-color 180ms ease; }
.marketing-features-card:hover { border-color:rgba(34,167,69,.38); box-shadow:0 17px 35px rgba(16,32,45,.1); transform:translateY(-5px); }
.marketing-features-card-icon,.marketing-features-benefit-icon { display:grid; place-items:center; border-radius:50%; background:var(--marketing-features-green-soft); color:var(--marketing-features-green); font-weight:800; }
.marketing-features-card-icon { width:49px; height:49px; font-size:20px; }
.marketing-features-card h3 { margin:20px 0 10px; color:var(--marketing-features-charcoal); font-size:16px; }
.marketing-features-card > p { min-height:65px; margin:0; color:var(--marketing-features-muted); font-size:13px; line-height:1.62; }
.marketing-features-card ul,.marketing-features-check-list { display:grid; gap:7px; margin:19px 0 20px; padding:0; list-style:none; }
.marketing-features-card li { position:relative; padding-left:15px; color:var(--marketing-features-muted); font-size:11px; }
.marketing-features-card li::before { position:absolute; top:.48em; left:0; width:5px; height:5px; border-radius:50%; background:var(--marketing-features-green); content:""; }
.marketing-features-card a { color:var(--marketing-features-green); font-size:11px; font-weight:800; text-decoration:none; }
.marketing-features-showcase { overflow:hidden; background:linear-gradient(135deg,#f5fbf8,#eaf7ef); }
.marketing-features-showcase-grid { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); align-items:center; gap:75px; min-height:455px; padding:55px 0; }
.marketing-features-showcase-device { position:relative; min-height:350px; display:flex; justify-content:center; align-items:center; }
.marketing-features-showcase-device-glow { position:absolute; width:290px; height:290px; border-radius:50%; background:rgba(34,167,69,.11); filter:blur(5px); }
.marketing-features-showcase-phone { position:relative; z-index:2; width:245px; transform:rotate(-4deg); filter:drop-shadow(0 25px 30px rgba(16,32,45,.22)); }
.marketing-features-showcase-phone-frame { padding:9px; border-width:4px; border-radius:34px; }
.marketing-features-showcase-phone-screen { overflow:hidden; aspect-ratio:.53; border-radius:25px; background:#fff; }
.marketing-features-showcase-phone-screen img { object-position:72% top; }
.marketing-features-showcase-content { max-width:560px; }
.marketing-features-showcase-content h2 { margin-bottom:17px; }
.marketing-features-check-list { gap:10px; margin-bottom:25px; }
.marketing-features-check-list li { display:flex; align-items:center; gap:10px; color:var(--marketing-features-text); font-size:13px; font-weight:600; }
.marketing-features-check-list li span { display:grid; width:20px; height:20px; place-items:center; border-radius:50%; background:var(--marketing-features-green); color:#fff; font-size:11px; }
.marketing-features-benefit-grid { display:grid; grid-template-columns:repeat(4,1fr); }
.marketing-features-benefit { min-height:155px; padding:0 28px; border-right:1px solid var(--marketing-features-border); }
.marketing-features-benefit:first-child { padding-left:5px; }.marketing-features-benefit:last-child { border-right:0; }
.marketing-features-benefit-icon { width:46px; height:46px; margin-bottom:15px; border:1px solid rgba(34,167,69,.18); font-size:18px; }
.marketing-features-benefit h3 { margin:0 0 7px; color:var(--marketing-features-charcoal); font-size:15px; }.marketing-features-benefit p { max-width:190px; margin:0; color:var(--marketing-features-muted); font-size:12px; line-height:1.55; }
.marketing-features-cta { position:relative; min-height:255px; display:grid; place-items:center; overflow:hidden; isolation:isolate; }.marketing-features-cta-background { position:absolute; z-index:-2; inset:0; background:linear-gradient(135deg,#17382c,#0b2520 55%,#102f27); }.marketing-features-cta-content { position:relative; z-index:2; padding:52px 0; text-align:center; }.marketing-features-cta h2 { margin:0 0 9px; color:#fff; font-size:clamp(29px,3vw,40px); }.marketing-features-cta-content > p:not(.marketing-features-eyebrow) { margin:0 0 23px; color:rgba(255,255,255,.83); font-size:13px; }
.marketing-features-page [data-marketing-features-reveal] { opacity:0; transform:translateY(18px); transition:opacity 650ms ease,transform 650ms ease; }.marketing-features-page [data-marketing-features-reveal].marketing-features-is-visible { opacity:1; transform:translateY(0); }
.marketing-features-page a:focus-visible { outline:3px solid rgba(34,167,69,.45); outline-offset:4px; }

html[data-marketing-theme="dark"] .marketing-features-page,html[data-theme="dark"] .marketing-features-page { --marketing-features-text:#edf5f2;--marketing-features-muted:#a9babe;--marketing-features-border:#29414a;--marketing-features-surface:#0d2028;--marketing-features-charcoal:#f3f8f6;--marketing-features-green-soft:#123f31; }
html[data-marketing-theme="dark"] .marketing-features-hero-background,html[data-theme="dark"] .marketing-features-hero-background { background:linear-gradient(90deg,rgba(8,26,33,.98) 0%,rgba(8,26,33,.94) 38%,rgba(8,26,33,.78) 57%,rgba(10,39,38,.68) 100%),url("/images/marketing/golfgripper-hero-06-regrip.jpg") center / cover no-repeat; }
html[data-marketing-theme="dark"] .marketing-features-hero-copy,html[data-theme="dark"] .marketing-features-hero-copy { color:#b7c7ca; }
html[data-marketing-theme="dark"] .marketing-features-button-secondary,html[data-theme="dark"] .marketing-features-button-secondary { border-color:#52666e;background:rgba(13,32,40,.8);color:#f0f7f4; }
html[data-marketing-theme="dark"] .marketing-features-card,html[data-theme="dark"] .marketing-features-card { background:#102a31;box-shadow:none; }.marketing-features-card:hover { background:#12313a; }
html[data-marketing-theme="dark"] .marketing-features-showcase,html[data-theme="dark"] .marketing-features-showcase { background:linear-gradient(135deg,#102a30,#0c222a); }

@media (max-width:1100px){.marketing-features-hero-grid{grid-template-columns:minmax(320px,.85fr) minmax(470px,1.15fr)}.marketing-features-hero h1{font-size:clamp(39px,5vw,56px)}.marketing-features-phone{width:120px}.marketing-features-card{padding:23px 19px}.marketing-features-showcase-grid{gap:45px}}
@media (max-width:900px){.marketing-features-hero{min-height:auto}.marketing-features-hero-grid{grid-template-columns:1fr;padding:65px 0 48px}.marketing-features-product-stage{min-height:370px;margin-top:5px}.marketing-features-core-grid{grid-template-columns:repeat(2,1fr)}.marketing-features-showcase-grid{grid-template-columns:1fr;gap:30px;padding:55px 0}.marketing-features-showcase-content{max-width:650px;margin:0 auto;text-align:center}.marketing-features-check-list{width:max-content;max-width:100%;margin-right:auto;margin-left:auto;text-align:left}.marketing-features-benefit-grid{grid-template-columns:repeat(2,1fr);row-gap:35px}.marketing-features-benefit:nth-child(2){border-right:0}.marketing-features-benefit:nth-child(-n+2){padding-bottom:15px;border-bottom:1px solid var(--marketing-features-border)}}
@media (max-width:620px){.marketing-features-container{width:min(100% - 32px,1180px)}.marketing-features-hero-grid{padding-top:53px}.marketing-features-hero h1{font-size:clamp(37px,11.5vw,51px)}.marketing-features-hero-actions{flex-direction:column;align-items:stretch}.marketing-features-button{width:100%}.marketing-features-product-stage{min-height:270px;margin-right:-12px;margin-left:-12px}.marketing-features-laptop{width:92%}.marketing-features-phone{right:0;bottom:3px;width:80px}.marketing-features-core{padding:52px 0 58px}.marketing-features-core-grid{grid-template-columns:1fr}.marketing-features-card{min-height:auto}.marketing-features-card > p{min-height:auto}.marketing-features-showcase-phone{width:205px}.marketing-features-benefits{padding:52px 0 58px}.marketing-features-benefit-grid{grid-template-columns:1fr;row-gap:0}.marketing-features-benefit,.marketing-features-benefit:first-child{min-height:auto;padding:22px 0;border-right:0;border-bottom:1px solid var(--marketing-features-border)}.marketing-features-benefit:last-child{border-bottom:0}.marketing-features-benefit p{max-width:100%}.marketing-features-cta-content{padding:46px 0}.marketing-features-cta-actions{flex-direction:column;align-items:stretch;width:min(100%,330px);margin:0 auto}}
@media (prefers-reduced-motion:reduce){.marketing-features-page *,.marketing-features-page *::before,.marketing-features-page *::after{transition-duration:.01ms!important;animation-duration:.01ms!important}.marketing-features-page [data-marketing-features-reveal]{opacity:1;transform:none}}