:root{--lime:#c7f000;--ink:#0b0d0c;--coal:#121513;--paper:#f5f6f1;--muted:#747970;--line:#dfe2d9}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Barlow",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(1180px,calc(100% - 48px));margin:auto}.site-header{height:84px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;gap:34px;background:#090b0a;color:#fff;position:fixed;inset:0 0 auto;z-index:40;border-bottom:1px solid #ffffff18}.brand{display:flex;align-items:center;gap:11px;min-width:195px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;background:var(--lime);color:#090b0a;font:900 19px/1 "Barlow Condensed",sans-serif;transform:skew(-7deg)}.brand-name{font:800 20px/.82 "Barlow Condensed",sans-serif;letter-spacing:.04em}.brand-name b{color:var(--lime)}.brand-name small{display:block;font:600 8px/1.8 "Barlow",sans-serif;letter-spacing:.3em;color:#a8ada8}.nav{margin-left:auto;display:flex;align-items:center;gap:24px}.nav a{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#d6dad5;position:relative}.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:2px;background:var(--lime);transition:.25s}.nav a:hover{color:#fff}.nav a:hover:after{right:0}.header-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;text-transform:uppercase;font-size:11px;letter-spacing:.1em;font-weight:800}.header-cta{height:44px;padding:0 18px;background:var(--lime);color:#090b0a;white-space:nowrap}.header-cta span,.btn-primary span{font-size:18px}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:25px;height:2px;background:#fff;margin:5px}
.hero{min-height:790px;padding-top:84px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(6,8,7,.98) 0%,rgba(6,8,7,.86) 42%,rgba(6,8,7,.2) 75%),url("images/hero-academia.jpg") center/cover;position:relative;color:#fff;isolation:isolate}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 70%,#080a09);z-index:-1}.hero-noise{position:absolute;inset:0;opacity:.12;background-image:radial-gradient(#fff .55px,transparent .7px);background-size:7px 7px;mix-blend-mode:soft-light}.hero-content{position:relative;z-index:2;padding-bottom:40px}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 19px;color:var(--lime);font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.eyebrow i{width:32px;height:2px;background:currentColor}.hero h1,.section h2{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;font-style:italic}.hero h1{margin:0;max-width:760px;font-size:clamp(68px,8.6vw,132px);font-weight:900;letter-spacing:-.045em;line-height:.78}.hero h1 em,.section h2 em{color:var(--lime);font-style:inherit}.hero-copy{max-width:535px;margin:30px 0 0;padding-left:3px;font-size:18px;line-height:1.65;color:#d1d4d1}.hero-actions{display:flex;gap:14px;margin-top:34px}.btn{min-height:54px;padding:0 25px}.btn-primary{background:var(--lime);color:#080a09}.btn-primary:hover{background:#fff}.btn-ghost{border:1px solid #ffffff62;color:#fff}.btn-ghost:hover{border-color:var(--lime);color:var(--lime)}.trust{margin-top:25px;font-size:12px;color:#afb4af;letter-spacing:.03em}.trust span{color:var(--lime);font-size:9px;margin-right:8px}.hero-word{position:absolute;right:-2vw;bottom:-65px;font:900 330px/.7 "Barlow Condensed",sans-serif;font-style:italic;color:transparent;-webkit-text-stroke:1px #ffffff12;z-index:-1}.scroll-cue{position:absolute;right:35px;bottom:80px;display:flex;align-items:center;gap:16px;transform:rotate(90deg);transform-origin:right center}.scroll-cue span{text-transform:uppercase;font-size:9px;letter-spacing:.19em;color:#abb0ab}.scroll-cue i{width:60px;height:1px;background:var(--lime)}
.quick-info{position:relative;z-index:4;width:min(1080px,calc(100% - 48px));margin:-72px auto 0;display:grid;grid-template-columns:1fr 1.15fr .9fr;box-shadow:0 20px 55px #0003}.quick-card{min-height:144px;padding:29px 32px;display:flex;align-items:center;gap:24px}.quick-card small{display:block;font-size:9px;letter-spacing:.18em;font-weight:800;margin-bottom:9px}.quick-card strong{font:800 20px/1.2 "Barlow Condensed",sans-serif;text-transform:uppercase}.quick-icon{width:48px;height:48px;border:1px solid currentColor;display:grid;place-items:center;font:800 15px "Barlow Condensed",sans-serif}.quick-card.accent{background:var(--lime);color:#0b0d0c}.quick-card.dark{background:#101311;color:#fff}.quick-card.dark small{color:var(--lime)}.quick-card.photo{justify-content:space-between;color:#fff;background:linear-gradient(#0b0d0cbb,#0b0d0cbb),url("images/treino-rapido.jpg") center/cover}.quick-card.photo a{width:43px;height:43px;display:grid;place-items:center;border:1px solid #ffffff55;color:var(--lime);font-size:22px}.section{padding:125px 0}.about{background:var(--paper)}.about-grid{display:grid;grid-template-columns:1fr .9fr;gap:95px;align-items:center}.dark-eye{color:#7c8b00}.section h2{margin:0;font-size:clamp(48px,5vw,76px);font-weight:900;line-height:.92;letter-spacing:-.035em}.about .section h2{max-width:600px}.about h2 em{color:#718100}.about-copy>.lead{font:600 21px/1.45 "Barlow Condensed",sans-serif;text-transform:uppercase;max-width:560px;margin:25px 0 14px}.about-copy>p:not(.eyebrow):not(.lead){font-size:15px;line-height:1.8;color:#656b65;max-width:610px}.mini-features{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:31px 0}.mini-features>div{display:flex;gap:15px;border-top:1px solid var(--line);padding-top:17px}.mini-features b{font:900 25px "Barlow Condensed";color:#99b300}.mini-features span{display:flex;flex-direction:column}.mini-features strong{font:800 15px "Barlow Condensed";text-transform:uppercase}.mini-features small{color:#7a807a;margin-top:4px}.text-link{display:inline-flex;gap:30px;padding-bottom:8px;border-bottom:2px solid #1b1e1b;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.text-link span{color:#7b9000;font-size:18px}.about-visual{position:relative;padding:0 35px 35px 0}.photo-frame{height:555px;background:url("images/sobre-academia.jpg") center/cover;filter:saturate(.8) contrast(1.05)}.about-visual:after{content:"";position:absolute;inset:35px 0 0 35px;border:2px solid var(--lime);z-index:-1}.floating-tag{position:absolute;left:-46px;bottom:4px;width:150px;height:132px;background:#111411;color:#fff;display:flex;align-items:center;justify-content:center;gap:10px}.floating-tag b{font:900 66px/.8 "Barlow Condensed";color:var(--lime)}.floating-tag span{text-transform:uppercase;font-size:10px;line-height:1.3;letter-spacing:.1em}.vertical-label{position:absolute;right:-45px;top:75px;margin:0;writing-mode:vertical-rl;font-size:9px;font-weight:800;letter-spacing:.22em;color:#868b86}
@media(max-width:1050px){.nav{gap:14px}.nav a{font-size:10px}.header-cta{display:none}.hero{min-height:720px}.about-grid{gap:50px}.quick-card{padding:25px 22px}}
@media(max-width:780px){html{scroll-padding-top:72px}.site-header{height:72px;padding:0 20px}.brand{min-width:0}.nav{position:absolute;top:72px;left:0;right:0;background:#0b0d0c;padding:20px 24px 26px;display:none;flex-direction:column;align-items:flex-start;gap:0;border-top:1px solid #ffffff18}.nav.open{display:flex}.nav a{width:100%;padding:14px 0;font-size:12px;border-bottom:1px solid #ffffff12}.menu-toggle{display:block;margin-left:auto}.hero{padding-top:72px;min-height:710px;background-position:62% center}.hero-content{padding-top:40px}.hero h1{font-size:clamp(62px,18vw,92px)}.hero-copy{font-size:16px;max-width:90%}.hero-actions{flex-direction:column;align-items:flex-start}.btn{width:100%;max-width:320px}.scroll-cue{display:none}.hero-word{font-size:180px;bottom:-30px}.quick-info{grid-template-columns:1fr;margin-top:-36px}.quick-card{min-height:112px}.section{padding:90px 0}.about-grid{grid-template-columns:1fr;gap:62px}.about-visual{margin-left:25px}.photo-frame{height:480px}.floating-tag{left:-25px}.vertical-label{right:-27px}.container{width:min(100% - 32px,1180px)}}
@media(max-width:480px){.brand-mark{width:38px;height:38px}.brand-name{font-size:18px}.hero{min-height:740px}.hero-content{padding-bottom:80px}.hero-actions .btn{max-width:none}.quick-info{width:calc(100% - 24px)}.quick-card{padding:23px 20px}.quick-card strong{font-size:18px}.section h2{font-size:48px}.mini-features{grid-template-columns:1fr}.about-visual{padding-right:20px}.photo-frame{height:400px}.about-visual:after{inset:20px 0 0 20px}.floating-tag{width:130px;height:108px}.floating-tag b{font-size:54px}}
/* prefers-reduced-motion handled in Custom Updates section below */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}.marquee{overflow:hidden;background:var(--lime);color:#080a09;height:65px;display:flex;align-items:center;transform:rotate(-1.2deg);margin:-10px -12px 0;position:relative;z-index:5}.marquee div{white-space:nowrap;font:900 italic 25px/1 "Barlow Condensed",sans-serif;word-spacing:16px;animation:marquee 22s linear infinite}.marquee i{font-style:normal}@keyframes marquee{to{transform:translateX(-50%)}}
.classes-section{background:#0c0e0d;color:#fff;padding-top:145px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:70px;margin-bottom:52px}.section-heading>div{max-width:730px}.section-heading>p{max-width:390px;margin:0;color:#6a706a;font-size:15px;line-height:1.75}.section-heading.light>p{color:#aeb3ae}.section-heading h2 em,.center-heading h2 em,.testimonial-head h2 em,.faq-intro h2 em,.contact-copy h2 em,.location-card h2 em{color:#829600}.light h2 em,.testimonial-head h2 em,.faq-intro h2 em,.contact-copy h2 em{color:var(--lime)}.class-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.class-card{min-height:390px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;background-size:cover;background-position:center;position:relative;overflow:hidden}.class-card:before{content:"";position:absolute;inset:0;border:1px solid #ffffff1e;transition:.3s}.class-card:hover:before{inset:9px;border-color:var(--lime)}.class-card:nth-child(2){margin-top:28px}.class-card:nth-child(4){margin-top:-28px}.class-card.wide{grid-column:span 2}.card-number{align-self:flex-end;width:42px;height:42px;display:grid;place-items:center;background:var(--lime);color:#0b0d0c;font:900 14px "Barlow Condensed";position:relative}.class-card div{position:relative}.class-card h3{margin:0 0 9px;font:900 italic 31px/1 "Barlow Condensed";text-transform:uppercase}.class-card p{max-width:370px;margin:0 0 18px;color:#c5c9c5;font-size:13px;line-height:1.65}.class-card a{display:inline-flex;gap:15px;color:var(--lime);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.class-card a b{font-size:15px}.image-cta{min-height:535px;color:#fff;display:flex;align-items:center;text-align:center;background:linear-gradient(#080b0aad,#080b0acb),url("images/cta-treino.jpg") center/cover fixed}.image-cta .container{display:flex;flex-direction:column;align-items:center}.image-cta .eyebrow{justify-content:center}.image-cta h2{margin:0;font:900 italic clamp(52px,6vw,88px)/.92 "Barlow Condensed";text-transform:uppercase}.image-cta h2 em{color:var(--lime)}.image-cta p:not(.eyebrow){font-size:16px;color:#c9cdc9;margin:22px 0}.round-play{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:#080a09;font-size:29px;transition:.3s}.round-play:hover{transform:scale(1.08)}
.benefits{background:#fff}.benefit-list{border-top:1px solid var(--line)}.benefit-row{min-height:116px;display:grid;grid-template-columns:70px .8fr 1.5fr 40px;align-items:center;gap:25px;border-bottom:1px solid var(--line);transition:.25s}.benefit-row:hover{padding-left:15px;background:#f7f9ef}.benefit-row>span{font:900 28px "Barlow Condensed";color:#a8be00}.benefit-row h3{font:900 italic 25px "Barlow Condensed";text-transform:uppercase;margin:0}.benefit-row p{font-size:14px;line-height:1.7;color:#686e68}.benefit-row>b{font-size:20px;color:#849800}.lime-strip{min-height:142px;padding:25px max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:26px;background:var(--lime)}.lime-strip>div{display:flex;flex-direction:column}.lime-strip strong{font:900 italic 34px/1 "Barlow Condensed";text-transform:uppercase}.lime-strip span{margin-top:6px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.lime-strip>i{height:58px;width:1px;background:#0b0d0c33}
.plans{background:var(--paper)}.center-heading{text-align:center;max-width:780px;margin:0 auto 55px}.center-heading .eyebrow{justify-content:center}.center-heading>p:last-child{max-width:550px;margin:20px auto 0;color:#707670;line-height:1.7}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:18px}.plan-card{min-height:485px;background:#fff;border:1px solid var(--line);padding:42px 38px;position:relative;display:flex;flex-direction:column}.plan-card.featured{min-height:545px;background:#111411;color:#fff;border-top:5px solid var(--lime);padding-top:55px;box-shadow:0 23px 55px #0002}.popular{position:absolute;top:0;left:0;background:var(--lime);color:#0a0c0b;padding:9px 16px;font-size:9px;font-weight:900;letter-spacing:.14em}.plan-card>small{font-size:10px;font-weight:800;letter-spacing:.17em;color:#879a00}.plan-card h3{font:900 italic 38px/.95 "Barlow Condensed";text-transform:uppercase;margin:12px 0}.plan-card>p{color:#707570;line-height:1.6;min-height:51px}.plan-card.featured>p{color:#abb0ab}.plan-card ul{list-style:none;padding:22px 0;margin:0;border-top:1px solid #dfe2d9;flex:1}.plan-card.featured ul{border-color:#ffffff1c}.plan-card li{display:flex;gap:11px;padding:10px 0;font-size:13px;color:#606660}.plan-card.featured li{color:#d4d8d4}.plan-card li b{color:#899e00}.plan-card a{height:51px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border:1px solid #1d211d;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.plan-card.featured a{background:var(--lime);color:#080a09;border-color:var(--lime)}.corporate-note{margin-top:22px;padding:24px 28px;background:#e9ecdf;display:grid;grid-template-columns:220px 1fr auto;gap:25px;align-items:center}.corporate-note span{font:900 italic 18px "Barlow Condensed"}.corporate-note p{font-size:13px;color:#606660}.corporate-note a{font-size:11px;font-weight:800;text-transform:uppercase}
.testimonials{background:#0d100e;color:#fff}.testimonial-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:46px}.testimonial-head h2{margin:0;font:900 italic clamp(52px,5vw,76px)/.92 "Barlow Condensed";text-transform:uppercase}.slider-arrows{display:flex;gap:10px}.slider-arrows button{width:48px;height:48px;border:1px solid #ffffff35;background:transparent;color:#fff;font-size:19px;cursor:pointer}.slider-arrows button:hover{background:var(--lime);color:#090b0a;border-color:var(--lime)}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.testimonial-card{min-height:312px;background:#171a18;border:1px solid #ffffff12;padding:30px;display:flex;flex-direction:column;animation:fadeCard .35s ease}.testimonial-card:nth-child(2){background:var(--lime);color:#0a0c0b}.testimonial-card:nth-child(2) p{color:#252925}.quote{font:900 55px/.8 Georgia,serif;color:var(--lime)}.testimonial-card:nth-child(2) .quote{color:#0a0c0b}.testimonial-card>p{font:500 17px/1.7 "Barlow";color:#d0d4d0;flex:1}.person{display:flex;align-items:center;gap:13px}.person>span{width:42px;height:42px;background:#2d322f;border-radius:50%;display:grid;place-items:center;color:var(--lime);font-weight:900}.testimonial-card:nth-child(2) .person>span{background:#101310;color:var(--lime)}.person div{display:flex;flex-direction:column}.person strong{font:800 15px "Barlow Condensed";text-transform:uppercase}.person small{color:#858b85;margin-top:3px}.testimonial-card:nth-child(2) .person small{color:#515751}.dots{display:flex;justify-content:center;gap:8px;margin-top:32px}.dots button{width:24px;height:3px;border:0;background:#ffffff28;padding:0;cursor:pointer}.dots button.active{background:var(--lime)}@keyframes fadeCard{from{opacity:.4;transform:translateX(12px)}}
.start-steps{background:#fff}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.step-card{min-height:210px;padding:32px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative}.step-card>span{font:900 35px "Barlow Condensed";color:#a0b700}.step-card h3{font:900 italic 24px "Barlow Condensed";text-transform:uppercase;margin:18px 0 9px}.step-card p{font-size:13px;color:#6e746e;line-height:1.6}.step-card:after{content:"→";position:absolute;right:24px;top:34px;color:#a5aaa5}.step-card:nth-child(3):after,.step-card:nth-child(6):after{display:none}
.faq-section{background:#0d100e;color:#fff}.faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.faq-intro{position:sticky;top:125px;align-self:start}.faq-intro h2{margin:0;font:900 italic clamp(52px,5vw,76px)/.92 "Barlow Condensed";text-transform:uppercase}.faq-intro>p:not(.eyebrow){color:#aeb3ae;line-height:1.7;max-width:400px;margin:23px 0 28px}.accordion{border-top:1px solid #ffffff26}.faq-item{border-bottom:1px solid #ffffff26}.faq-item>button{width:100%;min-height:84px;display:grid;grid-template-columns:45px 1fr 30px;align-items:center;gap:14px;border:0;background:none;color:#fff;text-align:left;cursor:pointer}.faq-item>button>span{font:700 12px "Barlow";color:var(--lime)}.faq-item>button>strong{font:800 17px "Barlow Condensed";text-transform:uppercase}.faq-item>button>b{font-size:22px;color:var(--lime)}.faq-item>div{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s}.faq-item>div>p{overflow:hidden;margin:0;color:#aeb3ae;font-size:14px;line-height:1.7;padding:0 45px 0 59px;transition:padding .3s}.faq-item.open>div{grid-template-rows:1fr}.faq-item.open>div>p{padding-bottom:25px}
.contact-section{background:#151816;color:#fff}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px;align-items:start}.contact-copy h2{margin:0;font:900 italic clamp(52px,5.4vw,82px)/.9 "Barlow Condensed";text-transform:uppercase}.contact-copy>p:not(.eyebrow){color:#abb0ab;line-height:1.75;margin:25px 0 36px}.contact-lines>a,.contact-lines>div{display:block;padding:20px 0;border-top:1px solid #ffffff1c}.contact-lines small{display:block;color:#839700;font-size:9px;font-weight:800;letter-spacing:.15em;margin-bottom:6px}.contact-lines strong{font:700 17px/1.4 "Barlow Condensed"}.contact-form{background:var(--paper);color:#0a0c0b;padding:38px}.form-title{display:flex;align-items:center;gap:18px;margin-bottom:28px}.form-title>span{width:47px;height:47px;display:grid;place-items:center;background:var(--lime);font-weight:900}.form-title h3{margin:0;font:900 italic 28px "Barlow Condensed";text-transform:uppercase}.form-title p{margin:3px 0 0;color:#747a74;font-size:12px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form label{display:flex;flex-direction:column;gap:7px;margin-bottom:14px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.contact-form input:not([type=checkbox]),.contact-form select,.contact-form textarea{width:100%;border:1px solid #d6d9d1;background:#fff;padding:14px;color:#171a17;font:400 13px "Barlow";outline:none}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#8da200}.contact-form .consent{flex-direction:row;align-items:flex-start;text-transform:none;font-size:11px;letter-spacing:0;color:#686e68}.consent input{accent-color:#99b000}.contact-form .btn{border:0;width:100%;cursor:pointer}.success{background:#e5efbc;padding:12px;font-size:12px;color:#354100}.privacy{display:block;text-align:center;color:#7b817b;margin-top:12px}
.location{display:grid;grid-template-columns:1.25fr .75fr;min-height:580px;background:var(--paper)}.map-visual{position:relative;overflow:hidden;background:#dfe3da}.map-grid{position:absolute;inset:-20%;background-image:linear-gradient(27deg,transparent 48%,#b7bdb3 49%,#b7bdb3 51%,transparent 52%),linear-gradient(115deg,transparent 48%,#c7ccc3 49%,#c7ccc3 51%,transparent 52%);background-size:150px 110px;transform:rotate(-8deg)}.map-visual:after{content:"PONTA NEGRA";position:absolute;left:6%;bottom:8%;font:900 italic 100px/.8 "Barlow Condensed";color:#c8cec4}.map-pin{position:absolute;left:54%;top:44%;width:72px;height:72px;background:#0d100e;transform:rotate(45deg);display:grid;place-items:center;box-shadow:0 12px 30px #0003}.map-pin span{transform:rotate(-45deg);font:900 20px "Barlow Condensed";color:var(--lime)}.map-visual>p{position:absolute;left:58%;top:57%;font-size:10px;font-weight:800;letter-spacing:.14em}.location-card{padding:85px 58px;background:#fff;align-self:center;margin-left:-70px;z-index:2;box-shadow:0 28px 65px #0002}.location-card h2{margin:0;font:900 italic 54px/.92 "Barlow Condensed";text-transform:uppercase}.location-card address{font-style:normal;font:700 18px/1.6 "Barlow Condensed";margin:24px 0}.location-card>p:not(.eyebrow){color:#727872;line-height:1.6}.location-card>div{display:flex;flex-direction:column;align-items:flex-start;gap:22px;margin-top:24px}
.photo-ribbon{height:190px;display:grid;grid-template-columns:repeat(5,1fr);background:#111}.photo-ribbon div{background-size:cover;background-position:center;filter:grayscale(.25) brightness(.66)}.photo-ribbon div:nth-child(1){background-image:url("images/galeria-01.jpg")}.photo-ribbon div:nth-child(2){background-image:url("images/galeria-02.jpg")}.photo-ribbon div:nth-child(3){background-image:url("images/galeria-03.jpg")}.photo-ribbon div:nth-child(4){background-image:url("images/galeria-04.jpg")}.photo-ribbon div:nth-child(5){background-image:url("images/galeria-05.jpg")}footer{background:#080a09;color:#fff;padding:85px 0 25px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:55px}.footer-brand>p{max-width:300px;color:#8f958f;font-size:13px;line-height:1.7;margin:22px 0}.footer-grid>div:not(.footer-brand){display:flex;flex-direction:column;gap:11px}.footer-grid h3{font:800 15px "Barlow Condensed";text-transform:uppercase;color:var(--lime);margin:6px 0 14px}.footer-grid>div>a,.footer-grid>div>p{font-size:12px;color:#989e98;line-height:1.7}.footer-grid>div>a:hover{color:#fff}.footer-bottom{margin-top:65px;padding-top:22px;border-top:1px solid #ffffff17;display:flex;justify-content:space-between;color:#747974;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:1050px){.class-grid{grid-template-columns:repeat(2,1fr)}.class-card.wide{grid-column:auto}.class-card:nth-child(2),.class-card:nth-child(4){margin-top:0}.contact-grid{gap:45px}.location-card{padding:60px 38px}.footer-grid{grid-template-columns:1.2fr repeat(3,1fr);gap:30px}}
@media(max-width:780px){.section-heading{display:block}.section-heading>p{margin-top:22px}.class-grid{grid-template-columns:1fr}.class-card{min-height:355px}.lime-strip{display:grid;grid-template-columns:1fr 1fr;padding:35px 25px}.lime-strip>i{display:none}.plans-grid{grid-template-columns:1fr}.plan-card.featured{order:-1}.corporate-note{grid-template-columns:1fr}.testimonial-grid{grid-template-columns:1fr}.testimonial-card{display:none}.testimonial-card:first-child{display:flex}.testimonial-head{align-items:flex-start;gap:25px}.steps-grid{grid-template-columns:1fr 1fr}.step-card:nth-child(3):after{display:block}.step-card:nth-child(2n):after{display:none}.faq-grid,.contact-grid{grid-template-columns:1fr}.faq-intro{position:static}.contact-form{padding:28px 22px}.location{grid-template-columns:1fr}.map-visual{min-height:420px}.location-card{margin:-45px 18px 55px;padding:45px 28px}.photo-ribbon{grid-template-columns:repeat(3,1fr);height:150px}.photo-ribbon div:nth-child(n+4){display:none}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:span 2}}
@media(max-width:480px){.marquee{height:55px}.marquee div{font-size:21px}.section-heading{margin-bottom:35px}.image-cta{min-height:470px;background-attachment:scroll}.benefit-row{grid-template-columns:45px 1fr 28px;gap:10px;padding:20px 0}.benefit-row h3{font-size:21px}.benefit-row p{grid-column:2/4;margin:0}.benefit-row>b{grid-column:3;grid-row:1}.lime-strip{grid-template-columns:1fr}.lime-strip>div{padding:12px 0;border-bottom:1px solid #0a0c0b22}.plan-card,.plan-card.featured{min-height:auto}.testimonial-head{display:block}.slider-arrows{margin-top:24px}.steps-grid{grid-template-columns:1fr}.step-card:after{display:none!important}.faq-item>button{grid-template-columns:36px 1fr 24px}.faq-item>div>p{padding-left:50px}.form-row{grid-template-columns:1fr}.map-visual:after{font-size:62px}.location-card h2{font-size:45px}.photo-ribbon{grid-template-columns:1fr 1fr}.photo-ribbon div:nth-child(n+3){display:none}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column;gap:14px}.footer-brand .btn{max-width:none}}

/* ============================================================
   Custom Updates — Premium Interactions & Animation System
   Club Fit Ponta Negra
   ============================================================ */

/* ── Logo ────────────────────────────────────────────────── */
.logo-img {
  height: 42px;
  width: auto;
  display: block;
  object-fit: contain;
  transition: opacity 0.25s ease;
}
.brand:hover .logo-img { opacity: 0.85; }
@media(max-width: 480px) {
  .logo-img { height: 34px; }
}

/* ── Eyebrow ─────────────────────────────────────────────── */
.eyebrow i { display: none !important; }

/* ============================================================
   ARROW SYSTEM
   Hover: rotate 360° then pulse right
   ============================================================ */
.arrow-styled {
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  flex-shrink: 0;
  stroke: currentColor;
  margin-left: 7px;
  position: relative;
  top: -1px;
  /* Base transition — overridden on hover trigger */
  transition:
    transform 0.55s cubic-bezier(0.34, 1.56, 0.64, 1),
    opacity   0.25s ease;
  will-change: transform;
}

/* b.arrow-styled used in benefit rows */
b.arrow-styled {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin-left: 0;
  top: 0;
}
b.arrow-styled svg {
  width: 100%;
  height: 100%;
  transition:
    transform 0.55s cubic-bezier(0.34, 1.56, 0.64, 1);
  will-change: transform;
}

/* ── Arrow keyframe: spin 360° then drift right ──────────── */
@keyframes arrowSpinPulse {
  0%   { transform: rotate(0deg)      translateX(0);   }
  55%  { transform: rotate(360deg)    translateX(0);   }
  72%  { transform: rotate(360deg)    translateX(6px); }
  84%  { transform: rotate(360deg)    translateX(2px); }
  100% { transform: rotate(360deg)    translateX(5px); }
}

/* Trigger animation on hover of any interactive ancestor */
a:hover .arrow-styled,
button:hover .arrow-styled,
.btn:hover .arrow-styled,
.header-cta:hover .arrow-styled,
.text-link:hover .arrow-styled,
.class-card:hover .arrow-styled,
.quick-card.photo a:hover .arrow-styled,
.corporate-note a:hover .arrow-styled,
.round-play:hover .arrow-styled,
.plan-card a:hover .arrow-styled,
.footer-brand a:hover .arrow-styled {
  animation: arrowSpinPulse 0.72s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

/* benefit-row arrows: svg inside b */
.benefit-row:hover b.arrow-styled svg {
  animation: arrowSpinPulse 0.72s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

/* ============================================================
   BUTTONS — Premium hierarchy, feedback, focus, hover
   ============================================================ */

/* ── Primary button ──────────────────────────────────────── */
.btn-primary {
  position: relative;
  overflow: hidden;
  transition:
    background  0.28s cubic-bezier(0.16, 1, 0.3, 1),
    color       0.28s cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow  0.28s cubic-bezier(0.16, 1, 0.3, 1),
    transform   0.18s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.btn-primary::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,0.18) 0%, transparent 60%);
  opacity: 0;
  transition: opacity 0.28s ease;
  pointer-events: none;
}
.btn-primary:hover {
  background: #fff;
  box-shadow: 0 8px 28px rgba(199, 240, 0, 0.28), 0 2px 8px rgba(0,0,0,0.12);
  transform: translateY(-2px);
}
.btn-primary:hover::before { opacity: 1; }
.btn-primary:active {
  transform: translateY(0px) scale(0.98);
  box-shadow: 0 2px 8px rgba(0,0,0,0.12);
  transition-duration: 0.08s;
}
.btn-primary:focus-visible {
  outline: 3px solid var(--lime);
  outline-offset: 3px;
  box-shadow: 0 0 0 6px rgba(199, 240, 0, 0.22);
}

/* ── Ghost button ────────────────────────────────────────── */
.btn-ghost {
  position: relative;
  overflow: hidden;
  transition:
    border-color 0.28s cubic-bezier(0.16, 1, 0.3, 1),
    color        0.28s cubic-bezier(0.16, 1, 0.3, 1),
    background   0.28s cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow   0.28s cubic-bezier(0.16, 1, 0.3, 1),
    transform    0.18s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.btn-ghost:hover {
  border-color: var(--lime);
  color: var(--lime);
  background: rgba(199, 240, 0, 0.06);
  box-shadow: 0 0 0 1px rgba(199, 240, 0, 0.28) inset;
  transform: translateY(-2px);
}
.btn-ghost:active {
  transform: translateY(0) scale(0.98);
  transition-duration: 0.08s;
}
.btn-ghost:focus-visible {
  outline: 3px solid var(--lime);
  outline-offset: 3px;
}

/* ── Header CTA ──────────────────────────────────────────── */
.header-cta {
  position: relative;
  overflow: hidden;
  transition:
    background  0.28s cubic-bezier(0.16, 1, 0.3, 1),
    color       0.28s cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow  0.28s cubic-bezier(0.16, 1, 0.3, 1),
    transform   0.18s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.header-cta:hover {
  background: #fff;
  box-shadow: 0 4px 18px rgba(199, 240, 0, 0.22);
  transform: translateY(-1px);
}
.header-cta:active {
  transform: translateY(0) scale(0.97);
  transition-duration: 0.08s;
}
.header-cta:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
}

/* ── Nav links ───────────────────────────────────────────── */
.nav a {
  transition: color 0.22s ease;
}
.nav a:after {
  transition: right 0.32s cubic-bezier(0.16, 1, 0.3, 1);
}

/* ── Text links ──────────────────────────────────────────── */
.text-link {
  position: relative;
  transition:
    border-color 0.28s ease,
    color        0.28s ease,
    transform    0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.text-link:hover {
  border-color: var(--lime);
  color: #687c00;
  transform: translateX(3px);
}
.text-link:active { transform: translateX(1px); }
.text-link:focus-visible {
  outline: 2px solid var(--lime);
  outline-offset: 4px;
  border-radius: 1px;
}

/* ── Round play button (image-cta section) ───────────────── */
.round-play {
  transition:
    transform   0.32s cubic-bezier(0.34, 1.56, 0.64, 1),
    box-shadow  0.28s ease,
    background  0.25s ease;
}
.round-play:hover {
  transform: scale(1.11);
  box-shadow: 0 10px 32px rgba(199, 240, 0, 0.38);
}
.round-play:active {
  transform: scale(1.03);
  transition-duration: 0.1s;
}
.round-play:focus-visible {
  outline: 3px solid var(--lime);
  outline-offset: 4px;
}

/* ── Slider arrow buttons (testimonials) ─────────────────── */
.slider-arrows button {
  transition:
    background    0.25s cubic-bezier(0.16, 1, 0.3, 1),
    color         0.25s ease,
    border-color  0.25s ease,
    transform     0.18s cubic-bezier(0.34, 1.56, 0.64, 1),
    box-shadow    0.25s ease;
}
.slider-arrows button:hover {
  background: var(--lime);
  color: #090b0a;
  border-color: var(--lime);
  transform: scale(1.08);
  box-shadow: 0 4px 16px rgba(199, 240, 0, 0.3);
}
.slider-arrows button:active {
  transform: scale(0.95);
  transition-duration: 0.08s;
}
.slider-arrows button:focus-visible {
  outline: 3px solid var(--lime);
  outline-offset: 3px;
}

/* ── Quick-info photo card arrow ──────────────────────────── */
.quick-card.photo a {
  transition:
    background   0.28s cubic-bezier(0.16, 1, 0.3, 1),
    border-color 0.28s ease,
    transform    0.22s cubic-bezier(0.34, 1.56, 0.64, 1),
    box-shadow   0.28s ease;
}
.quick-card.photo a:hover {
  background: var(--lime);
  border-color: var(--lime);
  color: #080a09;
  transform: scale(1.1);
  box-shadow: 0 4px 18px rgba(199, 240, 0, 0.32);
}
.quick-card.photo a:active {
  transform: scale(1.02);
  transition-duration: 0.08s;
}

/* ── FAQ buttons ─────────────────────────────────────────── */
.faq-item > button {
  transition: background 0.22s ease, color 0.22s ease;
}
.faq-item > button:hover {
  background: rgba(255,255,255,0.04);
}
.faq-item > button:focus-visible {
  outline: 2px solid var(--lime);
  outline-offset: -2px;
}

/* ── Benefit rows ────────────────────────────────────────── */
.benefit-row {
  transition:
    padding-left 0.32s cubic-bezier(0.16, 1, 0.3, 1),
    background   0.32s cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow   0.32s ease;
}
.benefit-row:hover {
  padding-left: 15px;
  background: #f7f9ef;
  box-shadow: inset 4px 0 0 var(--lime);
}

/* ── Plan card links ─────────────────────────────────────── */
.plan-card a {
  transition:
    background   0.28s cubic-bezier(0.16, 1, 0.3, 1),
    border-color 0.28s ease,
    color        0.28s ease,
    transform    0.18s cubic-bezier(0.34, 1.56, 0.64, 1),
    box-shadow   0.28s ease;
}
.plan-card a:hover {
  background: var(--lime);
  border-color: var(--lime) !important;
  color: #080a09 !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(199, 240, 0, 0.28);
}
.plan-card a:active {
  transform: translateY(0) scale(0.98);
  transition-duration: 0.08s;
}
.plan-card a:focus-visible {
  outline: 3px solid var(--lime);
  outline-offset: 2px;
}

/* ── Corporate note link ─────────────────────────────────── */
.corporate-note a {
  transition:
    color   0.25s ease,
    opacity 0.25s ease;
}
.corporate-note a:hover { color: #687c00; }
.corporate-note a:focus-visible {
  outline: 2px solid var(--lime);
  outline-offset: 3px;
}

/* ── Class card inner link ───────────────────────────────── */
.class-card {
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}
.class-card:before {
  transition: inset 0.32s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.32s ease;
}
.class-card a {
  transition:
    color      0.22s ease,
    gap        0.22s ease,
    letter-spacing 0.22s ease;
}
.class-card:hover a {
  letter-spacing: 0.14em;
}

/* ── Contact form inputs ─────────────────────────────────── */
.contact-form input:not([type=checkbox]),
.contact-form select,
.contact-form textarea {
  transition:
    border-color 0.22s ease,
    box-shadow   0.22s ease;
}
.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
  border-color: #8da200;
  box-shadow: 0 0 0 3px rgba(141, 162, 0, 0.15);
}

/* ── Footer links ────────────────────────────────────────── */
.footer-grid > div > a {
  transition: color 0.22s ease, transform 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
  display: inline-block;
}
.footer-grid > div > a:hover {
  color: #fff;
  transform: translateX(4px);
}
.footer-producer {
  color: #747974;
  transition: color 0.22s ease;
}
.footer-producer:hover { color: #fff; }

/* ============================================================
   "COMO COMEÇAR" — STEP CARDS — Premium Hover System
   ============================================================ */
.step-card {
  position: relative;
  overflow: hidden;
  cursor: default;
  background: #fff;
  /* Multi-layer transition for smooth, staggered feel */
  transition:
    transform    0.42s cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow   0.42s cubic-bezier(0.16, 1, 0.3, 1),
    background   0.35s ease,
    border-color 0.35s ease;
}

/* Lime accent glow bar — slides in from left */
.step-card::before {
  content: '';
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: linear-gradient(180deg, var(--lime) 0%, #9db500 100%);
  transform: scaleY(0);
  transform-origin: bottom center;
  transition: transform 0.38s cubic-bezier(0.16, 1, 0.3, 1);
  z-index: 1;
}

/* Subtle radial glow behind icon */
.step-card::after {
  content: '';
  position: absolute;
  top: -30px;
  left: -30px;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(199, 240, 0, 0.12) 0%, transparent 70%);
  opacity: 0;
  transition: opacity 0.42s ease, transform 0.42s cubic-bezier(0.16, 1, 0.3, 1);
  transform: scale(0.6);
  pointer-events: none;
  z-index: 0;
}

/* Card hover state */
.step-card:hover {
  transform: translateY(-6px) scale(1.018);
  box-shadow:
    0 16px 44px rgba(0, 0, 0, 0.10),
    0 4px 12px rgba(0, 0, 0, 0.06),
    0 0 0 1.5px rgba(199, 240, 0, 0.55);
  background: #fdfff5;
  z-index: 2;
}
.step-card:hover::before {
  transform: scaleY(1);
}
.step-card:hover::after {
  opacity: 1;
  transform: scale(1);
}

/* Icon: lift + rotate on hover */
.step-card-icon {
  display: block;
  color: #a0b700;
  width: 44px;
  height: 44px;
  position: relative;
  z-index: 2;
  transition:
    transform   0.48s cubic-bezier(0.34, 1.56, 0.64, 1),
    color       0.32s ease,
    filter      0.32s ease;
  will-change: transform;
}
.step-card-icon svg {
  width: 100%;
  height: 100%;
  display: block;
}
.step-card:hover .step-card-icon {
  transform: translateY(-4px) rotate(-8deg) scale(1.12);
  color: #7da000;
  filter: drop-shadow(0 4px 8px rgba(160, 183, 0, 0.40));
}

/* Heading: slight upward slide on hover */
.step-card h3 {
  position: relative;
  z-index: 2;
  transition: transform 0.36s cubic-bezier(0.16, 1, 0.3, 1), color 0.28s ease;
}
.step-card:hover h3 {
  transform: translateY(-2px);
  color: #1a1e1a;
}

/* Paragraph: fade-in slightly + micro slide */
.step-card p {
  position: relative;
  z-index: 2;
  transition:
    transform  0.40s cubic-bezier(0.16, 1, 0.3, 1),
    color      0.32s ease,
    opacity    0.36s ease;
}
.step-card:hover p {
  transform: translateY(-1px);
  color: #4a524a;
  opacity: 1;
}

/* ── Step number (top-left absolute indicator) ───────────── */
.step-card > span {
  position: relative;
  z-index: 2;
  transition:
    color      0.32s ease,
    transform  0.40s cubic-bezier(0.34, 1.56, 0.64, 1),
    opacity    0.32s ease;
  display: inline-block;
}
.step-card:hover > span {
  color: #9db500;
  transform: scale(1.08);
  opacity: 1;
}

/* ── Grid border management ──────────────────────────────── */
.step-card:after { display: none !important; } /* hide connector arrow */

/* ── Varied hover micro-movements (discrete per position) ── */
/* Cards 1,4 (top-left column): tilt slightly left */
.step-card:nth-child(1):hover,
.step-card:nth-child(4):hover {
  transform: translateY(-6px) scale(1.018) rotate(-0.4deg);
}
/* Cards 2,5 (middle column): pure vertical */
.step-card:nth-child(2):hover,
.step-card:nth-child(5):hover {
  transform: translateY(-7px) scale(1.02);
}
/* Cards 3,6 (right column): tilt slightly right */
.step-card:nth-child(3):hover,
.step-card:nth-child(6):hover {
  transform: translateY(-6px) scale(1.018) rotate(0.4deg);
}

/* ── Icon varied movements (subtle variety per card) ─────── */
.step-card:nth-child(1):hover .step-card-icon { transform: translateY(-5px) rotate(-10deg) scale(1.14); }
.step-card:nth-child(2):hover .step-card-icon { transform: translateY(-4px) rotate(8deg) scale(1.12); }
.step-card:nth-child(3):hover .step-card-icon { transform: translateY(-6px) rotate(-6deg) scale(1.1); }
.step-card:nth-child(4):hover .step-card-icon { transform: translateY(-3px) rotate(12deg) scale(1.13); }
.step-card:nth-child(5):hover .step-card-icon { transform: translateY(-5px) rotate(-9deg) scale(1.11); }
.step-card:nth-child(6):hover .step-card-icon { transform: translateY(-4px) rotate(7deg) scale(1.12); }

/* ── Prevent hover on last cards from grid bleeding ─────── */
.steps-grid { overflow: visible; }

/* ============================================================
   QUICK INFO — enhanced icon hover
   ============================================================ */
.quick-icon svg {
  width: 28px;
  height: 28px;
  display: block;
  transition: transform 0.32s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.quick-card:hover .quick-icon svg {
  transform: scale(1.15) rotate(-5deg);
}

/* ============================================================
   MISC — Map, footer, form button
   ============================================================ */
.map-visual:after { display: none !important; }
.map-visual iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

/* Footer CTA: keep text black + correct size */
footer .btn-primary,
footer .btn-primary:hover,
footer .btn-primary:focus { color: #000000 !important; }

/* Footer brand CTA — tamanho autônomo, sem herdar 100% do mobile */
.footer-brand .btn-primary {
  width: auto;
  min-width: 0;
  max-width: none;
  align-self: flex-start;
  display: inline-flex;
}
/* Suaviza hover no footer: sem translateY que desloca no grid */
.footer-brand .btn-primary:hover {
  transform: none;
  box-shadow: 0 4px 18px rgba(199, 240, 0, 0.22);
}
.footer-brand .btn-primary:active {
  transform: scale(0.97);
}

/* Contact form submit */
.contact-form .btn {
  border: 0;
  width: 100%;
  cursor: pointer;
  transition:
    background  0.28s cubic-bezier(0.16, 1, 0.3, 1),
    color       0.28s ease,
    transform   0.18s cubic-bezier(0.34, 1.56, 0.64, 1),
    box-shadow  0.28s ease;
}
.contact-form .btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(199, 240, 0, 0.30);
}
.contact-form .btn:active {
  transform: translateY(0) scale(0.98);
  transition-duration: 0.08s;
}

/* ============================================================
   TOUCH DEVICES — simplify effects (no hover-dependent anim)
   ============================================================ */
@media (hover: none) and (pointer: coarse) {
  /* Remove translateY lifts that feel wrong on tap */
  .btn-primary:hover,
  .btn-ghost:hover,
  .header-cta:hover,
  .text-link:hover,
  .plan-card a:hover,
  .contact-form .btn:hover {
    transform: none;
    box-shadow: none;
  }
  /* Step cards: no hover elevation (tapped elements show border only) */
  .step-card:hover,
  .step-card:nth-child(1):hover,
  .step-card:nth-child(2):hover,
  .step-card:nth-child(3):hover,
  .step-card:nth-child(4):hover,
  .step-card:nth-child(5):hover,
  .step-card:nth-child(6):hover {
    transform: none;
    box-shadow: 0 0 0 1.5px rgba(199, 240, 0, 0.5);
  }
  .step-card:hover .step-card-icon,
  .step-card:nth-child(1):hover .step-card-icon,
  .step-card:nth-child(2):hover .step-card-icon,
  .step-card:nth-child(3):hover .step-card-icon,
  .step-card:nth-child(4):hover .step-card-icon,
  .step-card:nth-child(5):hover .step-card-icon,
  .step-card:nth-child(6):hover .step-card-icon {
    transform: none;
  }
  /* Arrows: instant translate only on touch-tap (no spin anim) */
  a:hover .arrow-styled,
  button:hover .arrow-styled,
  .btn:hover .arrow-styled,
  .header-cta:hover .arrow-styled,
  .text-link:hover .arrow-styled,
  .class-card:hover .arrow-styled,
  .quick-card.photo a:hover .arrow-styled,
  .corporate-note a:hover .arrow-styled,
  .round-play:hover .arrow-styled,
  .plan-card a:hover .arrow-styled,
  .footer-brand a:hover .arrow-styled {
    animation: none;
    transform: translateX(5px);
  }
  .benefit-row:hover b.arrow-styled svg {
    animation: none;
    transform: translateX(5px);
  }
}

/* ============================================================
   PREFERS-REDUCED-MOTION — honour accessibility preference
   ============================================================ */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
  /* Arrows: simple translate, no spin */
  a:hover .arrow-styled,
  button:hover .arrow-styled,
  .btn:hover .arrow-styled,
  .header-cta:hover .arrow-styled,
  .text-link:hover .arrow-styled,
  .class-card:hover .arrow-styled,
  .quick-card.photo a:hover .arrow-styled,
  .corporate-note a:hover .arrow-styled,
  .round-play:hover .arrow-styled,
  .plan-card a:hover .arrow-styled,
  .footer-brand a:hover .arrow-styled {
    animation: none !important;
    transform: translateX(5px) !important;
    transition-duration: 0.01ms !important;
  }
  .benefit-row:hover b.arrow-styled svg {
    animation: none !important;
    transform: translateX(5px) !important;
  }
}