:root {
    --bg-color:#0d0d0d;
    --surface-color:#000;
    --primary-color:#D4AF37;
    --text-color:#f0f0f0;
    --text-muted-color:#a0a0a0;
    --font-family:'Poppins',sans-serif;
    --border-radius:8px;
    --shadow:0 10px 30px rgba(0,0,0,.5)
}

* {
    margin:0;
    padding:0;
    box-sizing:border-box
}

html {
    scroll-behavior:smooth
}

.highlight {
    color:var(--primary-color);
    font-weight:600
}

body {
    font-family:var(--font-family);
    background-color:var(--bg-color);
    color:var(--text-color);
    line-height:1.6
}

.container {
    max-width:1100px;
    margin:0 auto;
    padding:0 20px
}

.main-header {
    background:rgba(13,13,13,.8);
    backdrop-filter:blur(10px);
    padding:1rem 0;
    position:fixed;
    width:100%;
    z-index:1000;
    top:0;
    border-bottom:1px solid #222
}

.main-header .container {
    display:flex;
    justify-content:space-between;
    align-items:center
}

.logo {
    width:130px;
    height:90px
}

@media (max-width:768px) {
    .main-header {
    padding:.5rem 0
}

.main-header .container {
    flex-direction:column;
    gap:.5rem
}

.logo {
    width:110px;
    height:75px
}
}

@media (max-width:480px) {
    .main-header {
    padding:.3rem 0
}

.main-header .container {
    gap:.3rem
}

.logo {
    width:100px;
    height:65px
}
}

.cta-button {
    background-color:var(--primary-color);
    color:#000;
    padding:12px 24px;
    text-decoration:none;
    border-radius:var(--border-radius);
    font-weight:600;
    transition:transform .3s ease,background-color .3s ease;
    display:inline-block
}

.cta-button:hover {
    transform:translateY(-3px);
    background-color:#ecca5a
}

.hero {
    position:relative;
    height:100vh;
    min-height:700px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding-top:80px
}

.hero-background {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:.8;
    z-index:-1;
    overflow:hidden
}

.hero-background img {
    position:absolute;
    top:50%;
    left:50%;
    min-width:100%;
    min-height:100%;
    width:auto;
    height:auto;
    transform:translate(-50%,-50%);
    object-fit:cover
}

.hero .container {
    max-width:800px
}

.hero h1 {
    font-size:3.5rem;
    font-weight:700;
    margin-bottom:1rem;
    line-height:1.2;
    text-shadow:0 4px 15px rgba(0,0,0,.7)
}

.hero p {
    font-size:1.2rem;
    color:var(--text-muted-color);
    margin-bottom:2rem
}

.cta-button.large {
    font-size:1.1rem;
    padding:16px 32px
}

section {
    padding:4rem 0
}

@media (max-width:768px) {
    section {
    padding:3rem 0
}
}

@media (max-width:480px) {
    section {
    padding:2rem 0
}
}

section h2 {
    font-size:2.5rem;
    text-align:center;
    margin-bottom:2.5rem;
    font-weight:600
}

@media (max-width:768px) {
    section h2 {
    margin-bottom:2rem
}
}

.how-it-works {
    background-color:var(--bg-color)
}

.steps {
    display:flex;
    justify-content:space-around;
    gap:2rem;
    text-align:center
}

.step {
    max-width:300px
}

.step-icon {
    font-size:3rem;
    margin-bottom:1rem;
    background-color:var(--surface-color);
    width:80px;
    height:80px;
    line-height:80px;
    border-radius:50%;
    display:inline-block
}

.step h3 {
    font-size:1.5rem;
    margin-bottom:.5rem;
    color:var(--primary-color)
}

.step p {
    color:var(--text-muted-color)
}

.exclusive-offers {
    background-color:var(--surface-color)
}

.offers-grid {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
    gap:2rem
}

.offer-card {
    background-color:var(--bg-color);
    border-radius:var(--border-radius);
    overflow:hidden;
    box-shadow:var(--shadow);
    border:1px solid #222;
    transition:transform .3s ease
}

.offer-card:hover {
    transform:translateY(-10px)
}

.offer-card img {
    width:100%;
    height:200px;
    object-fit:cover
}

.offer-info {
    padding:1.5rem
}

.offer-info h3 {
    font-size:1.4rem;
    margin-bottom:.5rem
}

.offer-info p {
    color:var(--text-muted-color);
    margin-bottom:1rem
}

.price-details {
    margin-bottom:1rem
}

.price-details span {
    display:block
}

.price-details .offer-price {
    color:var(--primary-color);
    font-weight:600;
    font-size:1.1rem
}

.profit {
    background-color:rgba(212,175,55,.1);
    color:var(--primary-color);
    padding:.5rem;
    border-radius:5px;
    text-align:center;
    font-weight:600;
    text-decoration:none;
    display:block;
    transition:all .3s ease;
    cursor:pointer
}

.profit:hover {
    background-color:var(--primary-color);
    color:#000;
    transform:translateY(-2px)
}

.about-company {
    background-color:var(--bg-color)
}

.about-content {
    max-width:800px;
    margin:0 auto;
    text-align:center;
    padding:2rem;
    background-color:var(--surface-color);
    border-radius:var(--border-radius);
    box-shadow:var(--shadow);
    border:1px solid #D4AF37
}

.about-content p {
    font-size:1.2rem;
    line-height:1.8;
    color:var(--text-color);
    margin-bottom:1.5rem
}

.about-content .highlight {
    color:var(--primary-color);
    font-weight:600
}

.company-info {
    display:flex;
    justify-content:space-around;
    gap:2rem;
    margin-top:2rem;
    margin-bottom:2rem;
    flex-wrap:wrap
}

.info-item {
    text-align:center;
    padding:1rem
}

.info-item h4 {
    color:var(--primary-color);
    font-size:1.1rem;
    margin-bottom:.5rem
}

.info-item p {
    color:var(--text-muted-color);
    font-size:.95rem
}

.map-container {
    position:relative;
    padding-bottom:56.25%;
    height:0;
    overflow:hidden;
    margin-top:2rem;
    border-radius:var(--border-radius);
    box-shadow:var(--shadow);
    background-color:var(--bg-color);
    border:1px solid #222
}

.map-container iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:0;
    border-radius:var(--border-radius)
}

.vehicle-origin {
    background-color:#fff;
    background:linear-gradient(45deg,#fff 0%,#fff 49%,#D4AF37 49%,#D4AF37 51%,#fff 51%,#fff 100%);
    background-size:30px 30px
}

@media (max-width:768px) {
    .vehicle-origin {
    padding:2.5rem 0
}

.vehicle-origin h2 {
    margin-top:1rem
}
}

@media (max-width:480px) {
    .vehicle-origin {
    padding:2rem 0
}
}

.vehicle-origin h2 {
    color:#000
}

.origin-content {
    max-width:900px;
    margin:0 auto
}

.origin-question {
    text-align:center;
    font-size:1.8rem;
    color:var(--primary-color);
    margin-bottom:3rem;
    font-weight:600
}

@media (max-width:768px) {
    .origin-question {
    margin-bottom:2rem;
    font-size:1.5rem
}
}

@media (max-width:480px) {
    .origin-question {
    margin-bottom:1.5rem;
    font-size:1.3rem
}
}

.origin-points {
    display:grid;
    gap:2rem
}

.origin-point {
    background-color:#000;
    color:#000;
    padding:2rem;
    border-radius:var(--border-radius);
    border-left:4px solid var(--primary-color);
    box-shadow:var(--shadow);
    border:1px solid #222;
    transition:transform .3s ease,box-shadow .3s ease;
    position:relative
}

.origin-point:nth-child(odd) {
    background-color:var(--primary-color);
    color:#000;
    border-left:4px solid #000;
    border:1px solid #000
}

.origin-point:nth-child(even) {
    background-color:#000;
    color:var(--text-color);
    border-left:4px solid var(--primary-color);
    border:1px solid #222
}

.origin-point:nth-child(odd) .highlight {
    color:#000;
    font-weight:600
}

.origin-point:nth-child(odd) .origin-title {
    color:#000
}

.origin-point:nth-child(even) .highlight {
    color:var(--primary-color);
    font-weight:600
}

.origin-point:nth-child(even) .origin-title {
    color:var(--primary-color)
}

.origin-point:hover {
    transform:translateY(-15px) scale(1.05);
    box-shadow:0 0 20px var(--primary-color),0 0 30px var(--primary-color),0 0 40px var(--primary-color),0 0 50px rgba(212,175,55,.4),inset 0 0 20px rgba(212,175,55,.2);
    animation:none
}

.origin-point p {
    font-size:1.1rem;
    line-height:1.7;
    color:var(--text-color);
    font-weight:500
}

.origin-point .highlight {
    color:var(--primary-color);
    font-weight:600
}

.origin-title {
    text-align:center;
    font-size:1.3rem;
    font-weight:800;
    margin-bottom:1.5rem;
    margin-top:0;
    text-transform:uppercase;
    letter-spacing:1px
}

.origin-point:nth-child(odd) .origin-title {
    color:#000
}

.origin-point:nth-child(even) .origin-title {
    color:var(--primary-color)
}

@media (max-width:768px) {
    .origin-title {
    font-size:1.1rem;
    margin-bottom:1rem;
    letter-spacing:.5px
}
}

.testimonial-photos {
    display:flex;
    justify-content:center;
    gap:2rem;
    flex-wrap:wrap
}

.photo-container {
    width:241px;
    height:450px;
    border-radius:var(--border-radius);
    overflow:hidden;
    box-shadow:var(--shadow);
    border:2px solid var(--primary-color);
    transition:transform .3s ease,box-shadow .3s ease
}

.photo-container:hover {
    transform:translateY(-20px);
    box-shadow:0 20px 40px rgba(212,175,55,.3);
    transform:scale(1.2)
}

.photo-container img {
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .3s ease
}

@media (max-width:768px) {
    .testimonial-photos {
    flex-direction:column;
    align-items:center;
    gap:1.5rem
}

.photo-container {
    width:300px;
    height:450px
}

.photo-container:hover {
    transform:translateY(-20px);
    box-shadow:0 20px 40px rgba(212,175,55,.3);
    transform:scale(1.2)
}
}

.pricing {
    background-color:var(--surface-color)
}

.pricing-grid {
    display:flex;
    justify-content:center;
    align-items:center;
    gap:2rem;
    flex-wrap:wrap
}

.plan-card {
    background-color:var(--bg-color);
    padding:2.5rem;
    border-radius:var(--border-radius);
    border:1px solid #333;
    width:350px;
    text-align:center;
    position:relative;
    transition:transform .3s ease,box-shadow .3s ease
}

.plan-card:hover {
    transform:translateY(-10px);
    box-shadow:0 20px 40px rgba(0,0,0,.6)
}

.plan-card.featured {
    border:2px solid var(--primary-color);
    transform:scale(1.05)
}

.plan-card.featured:hover {
    transform:scale(1.05) translateY(-10px)
}

.best-value {
    position:absolute;
    top:-15px;
    left:50%;
    transform:translateX(-50%);
    background:var(--primary-color);
    color:#000;
    padding:5px 15px;
    border-radius:20px;
    font-size:.8rem;
    font-weight:700
}

.plan-card h3 {
    font-size:1.8rem;
    margin-bottom:1rem
}

.plan-card .price {
    font-size:3rem;
    font-weight:700;
    color:var(--primary-color);
    margin-bottom:1.5rem
}

.plan-card .price span {
    font-size:1rem;
    font-weight:400;
    color:var(--text-muted-color)
}

.plan-card ul {
    list-style:none;
    margin-bottom:2rem;
    text-align:left
}

.plan-card ul li {
    margin-bottom:.75rem;
    color:var(--text-muted-color)
}

.plan-card .cta-button.secondary {
    background:transparent;
    border:2px solid var(--primary-color);
    color:var(--primary-color)
}

.plan-card .cta-button.secondary:hover {
    background:var(--primary-color);
    color:#000
}

.transport-info {
    background-color:#fff;
    background:linear-gradient(45deg,#fff 0%,#fff 49%,#D4AF37 49%,#D4AF37 51%,#fff 51%,#fff 100%);
    background-size:30px 30px
}

.transport-info h2 {
    color:#000
}

.transport-content {
    max-width:800px;
    margin:0 auto;
    text-align:center;
    padding:2rem;
    background-color:var(--bg-color);
    border-radius:var(--border-radius);
    box-shadow:var(--shadow);
    border:2px solid #D4AF37;
    transition:transform .3s ease,box-shadow .3s ease
}

.transport-content:hover {
    transform:translateY(-5px);
    box-shadow:0 10px 25px rgba(212,175,55,.15)
}

.transport-content p {
    font-size:1.2rem;
    line-height:1.8;
    color:var(--text-color);
    margin-bottom:2rem
}

.transport-content .highlight {
    color:var(--primary-color);
    font-weight:600
}

.transport-features {
    display:flex;
    justify-content:space-around;
    gap:2rem;
    flex-wrap:wrap
}

.feature-item {
    text-align:center;
    max-width:200px
}

.feature-icon {
    font-size:2.5rem;
    margin-bottom:1rem
}

.feature-item h4 {
    color:var(--primary-color);
    font-size:1.1rem;
    margin-bottom:.5rem;
    font-weight:600
}

.feature-item p {
    color:var(--text-muted-color);
    font-size:.95rem;
    margin-bottom:0
}

.main-footer {
    background:#000;
    text-align:center;
    padding:2rem 0;
    color:var(--text-muted-color);
    font-size:.9rem
}

.main-footer p {
    margin-bottom:.5rem
}

.animate-on-scroll {
    opacity:0;
    transform:translateY(30px);
    transition:opacity .6s ease-out,transform .6s ease-out
}

.animate-on-scroll.is-visible {
    opacity:1;
    transform:translateY(0)
}

@media (max-width:900px) {
    .steps {
    flex-direction:column;
    align-items:center
}

.company-info {
    flex-direction:column;
    gap:1rem
}

.transport-features {
    flex-direction:column;
    align-items:center;
    gap:1.5rem
}
}

@media (max-width:768px) {
    section h2 {
    font-size:2rem
}

.hero h1 {
    font-size:2.5rem
}

.hero p {
    font-size:1rem
}

.main-header .container {
    flex-direction:column;
    gap:1rem
}

.pricing-grid {
    flex-direction:column
}

.plan-card.featured {
    transform:scale(1)
}

.origin-question {
    font-size:1.5rem
}

.about-content p {
    font-size:1.1rem
}

.origin-point p {
    font-size:1rem
}

.transport-content p {
    font-size:1.1rem
}

.map-container {
    padding-bottom:90%
}
}

.company-experience {
    background-color:#fff;
    padding:4rem 0;
    background:linear-gradient(45deg,#fff 0%,#fff 49%,#D4AF37 49%,#D4AF37 51%,#fff 51%,#fff 100%);
    background-size:30px 30px
}

@media (max-width:768px) {
    .company-experience {
    padding:3rem 0
}
}

.experience-content {
    display:flex;
    align-items:center;
    gap:4rem;
    max-width:1100px;
    margin:0 auto
}

.experience-text {
    flex:1
}

.experience-text h2 {
    font-size:2.8rem;
    font-weight:700;
    color:#000;
    line-height:1.3;
    margin-bottom:1rem
}

.experience-text .highlight {
    color:var(--primary-color);
    font-weight:600
}

.experience-video {
    flex:0 0 350px;
    display:flex;
    justify-content:center
}

.video-container {
    position:relative;
    width:380px;
    height:600px;
    background-color:var(--bg-color);
    border-radius:20px;
    border:3px solid var(--primary-color);
    box-shadow:var(--shadow);
    overflow:hidden;
    transition:transform .3s ease,box-shadow .3s ease
}

.video-container video {
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:17px
}

.video-placeholder {
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,var(--bg-color) 0%,var(--surface-color) 100%);
    border-radius:17px;
    text-align:center;
    padding:2rem
}

.video-placeholder-icon {
    font-size:4rem;
    color:var(--primary-color);
    margin-bottom:1rem
}

.video-placeholder p {
    color:var(--text-muted-color);
    font-size:1rem;
    line-height:1.5
}

@media (max-width:900px) {
    .experience-content {
    flex-direction:column;
    gap:3rem;
    text-align:center
}

.experience-video {
    flex:none
}

.video-container {
    width:250px;
    height:450px
}
}

@media (max-width:768px) {
    .experience-text h2 {
    font-size:2.2rem
}

.video-container {
    width:320px;
    height:500px
}
}

.company-stats {
    display:flex;
    gap:4rem;
    margin-top:4rem;
    margin-bottom:2rem;
    margin-left:9.5rem
}

.stat-item {
    text-align:left
}

.stat-number {
    font-size:4rem;
    font-weight:700;
    color:var(--primary-color);
    line-height:1;
    margin-bottom:.5rem;
    text-shadow:0 0 5px var(--primary-color),0 0 10px var(--primary-color);
    animation:numberGlow 7s ease-in-out infinite alternate
}

.stat-label {
    font-size:1.2rem;
    color:#000;
    line-height:1.3;
    font-weight:400
}

.stat-label strong {
    color:#000;
    font-weight:700
}

.stat-highlight {
    color:#000
}

@keyframes numberGlow {
    from {
    text-shadow:0 0 3px var(--primary-color),0 0 6px var(--primary-color)
}

to {
    text-shadow:0 0 5px var(--primary-color),0 0 10px var(--primary-color),0 0 15px var(--primary-color)
}
}

@media (max-width:900px) {
    .company-stats {
    justify-content:center;
    text-align:center
}

.stat-item {
    text-align:center
}
}

@media (max-width:768px) {
    .company-stats {
    flex-direction:column;
    gap:2rem;
    text-align:center;
    margin-left:0
}

.stat-item {
    text-align:center
}

.stat-number {
    font-size:3rem
}

.stat-label {
    font-size:1.1rem
}
}

.main-nav {
    display:flex;
    align-items:center;
    gap:2rem
}

.nav-menu {
    display:flex;
    list-style:none;
    gap:2rem;
    margin:0;
    padding:0
}

.nav-menu li a {
    color:var(--text-color);
    text-decoration:none;
    font-weight:500;
    font-size:.9rem;
    transition:color .3s ease;
    white-space:nowrap
}

.nav-menu li a:hover {
    color:var(--primary-color)
}

.mobile-menu-toggle {
    display:none;
    flex-direction:column;
    cursor:pointer;
    gap:4px
}

.mobile-menu-toggle span {
    width:25px;
    height:3px;
    background-color:var(--text-color);
    transition:all .3s ease
}

.mobile-menu-toggle.active span:nth-child(1) {
    transform:rotate(45deg) translate(5px,5px)
}

.mobile-menu-toggle.active span:nth-child(2) {
    opacity:0
}

.mobile-menu-toggle.active span:nth-child(3) {
    transform:rotate(-45deg) translate(7px,-6px)
}

@media (max-width:1100px) {
    .nav-menu {
    gap:1rem
}

.nav-menu li a {
    font-size:.8rem
}
}

@media (max-width:900px) {
    .mobile-menu-toggle {
    display:flex
}

.nav-menu {
    position:fixed;
    top:100px;
    left:0;
    width:100%;
    background-color:rgba(13,13,13,.95);
    backdrop-filter:blur(10px);
    flex-direction:column;
    padding:2rem 0;
    transform:translateX(-100%);
    transition:transform .3s ease;
    z-index:999;
    border-top:1px solid #222
}

.nav-menu.active {
    transform:translateX(0)
}

.nav-menu li a {
    font-size:1.1rem;
    padding:1rem 2rem;
    display:block;
    text-align:center
}

.main-header .container {
    flex-direction:row;
    justify-content:space-between
}
}

.scrolling-banner {
    background-color:var(--primary-color);
    padding:1rem 0;
    overflow:hidden;
    white-space:nowrap
}

.banner-content {
    display:inline-block;
    animation:scroll-left 14s linear infinite;
    padding-left:100%
}

.banner-content span {
    color:#000;
    font-size:1.5rem;
    font-weight:600;
    margin-right:2rem;
    text-transform:uppercase;
    letter-spacing:2px;
    position:relative
}

.banner-content span:not(:last-child):after {
    content:"\2022";
    color:#000;
    font-size:1.5rem;
    margin-left:2rem;
    font-weight:bold
}

@keyframes scroll-left {
    0% {
    transform:translateX(0)
}

100% {
    transform:translateX(-100%)
}
}

@media (max-width:768px) {
    .banner-content span {
    font-size:1.2rem;
    margin-right:1.5rem
}

.banner-content span:not(:last-child):after {
    margin-left:1.5rem;
    font-size:1.2rem
}
}

.whatsapp-float {
    position:fixed;
    bottom:20px;
    right:20px;
    background-color:#25D366;
    width:50px;
    height:50px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 4px 12px rgba(37,211,102,.4);
    z-index:1000;
    transition:all .3s ease;
    text-decoration:none;
    animation:whatsappPulse 2s infinite
}

.whatsapp-float:hover {
    transform:scale(1.1);
    box-shadow:0 6px 20px rgba(37,211,102,.6)
}

.whatsapp-icon {
    font-size:1.7rem;
    color:#fff
}

@keyframes whatsappPulse {
    0%,100% {
    transform:scale(1)
}

50% {
    transform:scale(1.05)
}
}

@media (max-width:768px) {
    .whatsapp-float {
    width:45px;
    height:45px;
    bottom:15px;
    right:15px
}

.whatsapp-icon {
    font-size:1.6rem
}
}

.video-section {
    background-color:#000;
    background:linear-gradient(45deg,#000 0%,#000 49%,rgba(212,175,55,.1) 49%,rgba(212,175,55,.1) 51%,#000 51%,#000 100%);
    background-size:30px 30px;
    padding:4rem 0
}

.video-section h2 {
    font-size:2.5rem;
    text-align:center;
    margin-bottom:4rem;
    font-weight:600;
    color:var(--text-color)
}

.horizontal-video-container {
    max-width:1000px;
    width:100%;
    height:600px;
    margin:0 auto;
    position:relative;
    background-color:var(--surface-color);
    border-radius:var(--border-radius);
    overflow:hidden;
    box-shadow:var(--shadow);
    border:3px solid var(--primary-color);
    transition:transform .3s ease,box-shadow .3s ease
}

.horizontal-video-container video {
    width:100%;
    height:100%;
    display:block;
    background-color:#000;
    object-fit:cover
}

@media (max-width:768px) {
    .video-section {
    padding:2.5rem 0
}

.video-section h2 {
    font-size:2rem;
    margin-bottom:2rem
}

.horizontal-video-container {
    margin:0 15px;
    height:300px
}
}

@media (max-width:480px) {
    .horizontal-video-container {
    height:250px;
    margin:0 10px
}
}

@media (min-width:769px) {
    .origin-point {
    opacity:0;
    transition:opacity .8s ease-out,transform .8s ease-out
}

.origin-point:nth-child(odd) {
    transform:translateX(-100px)
}

.origin-point:nth-child(even) {
    transform:translateX(100px)
}

.origin-point.is-visible {
    opacity:1;
    transform:translateX(0)
}

.origin-point:nth-child(1).is-visible {
    transition-delay:.1s
}

.origin-point:nth-child(2).is-visible {
    transition-delay:.2s
}

.origin-point:nth-child(3).is-visible {
    transition-delay:.3s
}

.origin-point:nth-child(4).is-visible {
    transition-delay:.4s
}
}

.cta-float {
    position:fixed;
    bottom:20px;
    left:50%;
    transform:translateX(-50%) translateY(100px);
    background-color:var(--primary-color);
    color:#000;
    padding:10px 30px;
    text-decoration:none;
    border-radius:50px;
    font-weight:700;
    font-size:1rem;
    letter-spacing:1px;
    text-transform:uppercase;
    z-index:999;
    box-shadow:0 4px 20px rgba(212,175,55,.4);
    transition:all .3s ease;
    transform:translateX(300px);
    opacity:0
}

.cta-float.show {
    transform:translateX(-50%) translateY(0);
    opacity:1
}

.cta-float:hover {
    transform:translateX(-50%) translateY(0) scale(1.05);
    box-shadow:0 6px 25px rgba(212,175,55,.6);
    background-color:#ecca5a
}

.cta-float span {
    display:block;
    font-weight:700
}

.cta-float::before {
    content:'';
    position:absolute;
    top:-2px;
    left:-2px;
    right:-2px;
    bottom:-2px;
    border-radius:50px;
    background:linear-gradient(45deg,var(--primary-color),#ecca5a);
    z-index:-1;
    animation:ctaPulse 2s infinite
}

@keyframes ctaPulse {
    0%,100% {
    transform:scale(1);
    opacity:.7
}

50% {
    transform:scale(1.05);
    opacity:1
}
}

@media (max-width:768px) {
    .cta-float {
    bottom:35px;
    left:50%;
    padding:12px 24px;
    font-size:.9rem
}
}

@media (max-width:768px) {
    .origin-point {
    opacity:0;
    transition:all .8s ease-out
}

.origin-point:nth-child(1),.origin-point:nth-child(2) {
    transform:translateX(-100px)
}

.origin-point:nth-child(3),.origin-point:nth-child(4) {
    transform:translateX(100px)
}

.origin-point.is-visible {
    opacity:1;
    transform:translateX(0)
}

.origin-point:nth-child(1).is-visible {
    transition-delay:.1s
}

.origin-point:nth-child(2).is-visible {
    transition-delay:.2s
}

.origin-point:nth-child(3).is-visible {
    transition-delay:.3s
}

.origin-point:nth-child(4).is-visible {
    transition-delay:.4s
}
}

.discount-banner {
    background:linear-gradient(135deg,var(--primary-color),#ecca5a);
    border-radius:var(--border-radius);
    padding:2rem;
    text-align:center;
    margin-bottom:3rem;
    box-shadow:0 10px 30px rgba(212,175,55,.3);
    border:2px solid var(--primary-color);
    position:relative;
    overflow:hidden
}

.discount-banner::before {
    content:'';
    position:absolute;
    top:0;
    left:-100%;
    width:100%;
    height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);
    animation:shimmer 2s infinite
}

.discount-content {
    position:relative;
    z-index:1
}

.discount-badge {
    background-color:#ee2121;
    color:#fff;
    padding:.5rem 1rem;
    border-radius:20px;
    font-size:.9rem;
    font-weight:700;
    display:inline-block;
    margin-bottom:1rem;
    text-transform:uppercase;
    letter-spacing:1px
}

.discount-banner h3 {
    color:#000;
    font-size:2rem;
    font-weight:700;
    margin-bottom:.5rem;
    text-shadow:1px 1px 2px rgba(0,0,0,.1)
}

.discount-banner .highlight {
    color:#fd1212;
    font-size:2.2rem;
    text-shadow:2px 2px 4px rgba(0,0,0,.2)
}

.discount-banner p {
    color:#000;
    font-size:1.1rem;
    font-weight:500;
    margin:0
}

@keyframes shimmer {
    0% {
    left:-100%
}

100% {
    left:100%
}
}

@media (max-width:768px) {
    .discount-banner {
    padding:1.5rem;
    margin-bottom:2rem;
    max-width:350px;
    margin-left:auto;
    margin-right:auto
}

.discount-content {
    width:100%
}

.discount-banner h3 {
    font-size:1.5rem
}

.discount-banner .highlight {
    font-size:1.7rem
}

.discount-banner p {
    font-size:1rem
}
}

@media (min-width:769px) {
    .plan-card:hover {
    transform:translateY(-10px);
    box-shadow:0 20px 40px rgba(0,0,0,.6);
    border:2px solid var(--primary-color)
}

.plan-card.featured:hover {
    transform:scale(1.05) translateY(-10px);
    border:2px solid var(--primary-color)
}
}

.plan-card:not(.featured) .price span:first-child + * {
    text-decoration:line-through;
    color:#888;
    font-size:1.5rem
}

.crossed-price {
    text-decoration:line-through;
    color:#888!important;
    font-size:2.3rem!important;
    opacity:.7
}

.origin-point::before {
    content:"\2713";
    position:absolute;
    top:15px;
    right:15px;
    background-color:#28a745;
    color:#fff;
    width:30px;
    height:30px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.2rem;
    font-weight:bold;
    box-shadow:0 2px 8px rgba(40,167,69,.3)
}

@media (max-width:768px) {
    .origin-point::before {
    top:10px;
    right:10px;
    width:25px;
    height:25px;
    font-size:1rem
}
}

#transparencia-total h2,#transporte h2 {
    font-weight:700
}

.main-footer {
    background:#000;
    border-top:1px solid #333;
    padding:2rem 0;
    margin-top:2rem
}

.footer-content {
    text-align:center
}

.footer-content p {
    color:var(--text-muted-color);
    font-size:.9rem;
    margin-bottom:.5rem
}

.footer-content p:last-child {
    margin-bottom:0
}

.footer-cnpj {
    color:var(--primary-color)!important;
    font-weight:500
}

@media (max-width:768px) {
    .footer-content p {
    font-size:.8rem
}
}

.politica-page * {
    margin:0;
    padding:0;
    box-sizing:border-box
}

.politica-page body {
    font-family:var(--font-family);
    background-color:var(--bg-color);
    color:var(--text-color);
    line-height:1.7
}

.politica-page .container {
    max-width:800px;
    margin:0 auto;
    padding:2rem 20px
}

.politica-page .header {
    text-align:center;
    margin-bottom:3rem;
    padding-top:2rem
}

.politica-page .header h1 {
    font-size:2.5rem;
    color:var(--primary-color);
    margin-bottom:1rem;
    font-weight:700
}

.politica-page .back-link {
    display:inline-block;
    background-color:var(--primary-color);
    color:#000;
    padding:10px 20px;
    text-decoration:none;
    border-radius:var(--border-radius);
    font-weight:600;
    transition:all .3s ease;
    margin-bottom:2rem
}

.politica-page .back-link:hover {
    transform:translateY(-2px);
    background-color:#ecca5a
}

.politica-page .content {
    background-color:var(--surface-color);
    padding:2.5rem;
    border-radius:var(--border-radius);
    border:1px solid #333;
    box-shadow:var(--shadow)
}

.politica-page .content h2 {
    color:var(--primary-color);
    font-size:1.8rem;
    margin-bottom:1.5rem;
    font-weight:600
}

.politica-page .content p {
    margin-bottom:1.5rem;
    font-size:1.1rem;
    text-align:justify
}

.politica-page .content strong {
    color:var(--primary-color);
    font-weight:600
}

.politica-page .content ul {
    margin:1.5rem 0;
    padding-left:1.5rem
}

.politica-page .content li {
    margin-bottom:.8rem;
    font-size:1.05rem
}

.politica-page .emoji-section {
    margin:2rem 0
}

.politica-page .emoji-section h3 {
    color:var(--primary-color);
    font-size:1.3rem;
    margin-bottom:1rem;
    font-weight:600
}

.politica-page .highlight {
    color:var(--primary-color);
    font-weight:600
}

.politica-page .placeholder {
    background-color:rgba(212,175,55,.2);
    padding:3px 6px;
    border-radius:4px;
    color:var(--primary-color);
    font-weight:600
}

.politica-page .footer {
    text-align:center;
    margin-top:3rem;
    padding:2rem 0;
    border-top:1px solid #333;
    color:var(--text-muted-color)
}

@media (max-width:768px) {
    .politica-page .container {
    padding:1rem 15px
}

.politica-page .header h1 {
    font-size:2rem
}

.politica-page .content {
    padding:1.5rem
}

.politica-page .content h2 {
    font-size:1.5rem
}

.politica-page .content p {
    font-size:1rem
}
}

/* Ajustes finais da landing */
.pricing-grid {
    
    align-items: stretch;
}



.plan-card {
    
    display: flex;
    
    flex-direction: column;
}



.plan-card ul {
    
    flex: 1;
}



.plan-card .cta-button {
    
    margin-top: auto;
}



.opportunity-statement {
    
    border-top: 1px solid #222;
    
    margin: 3rem auto 0;
    
    max-width: 820px;
    
    padding: 2.5rem 0 0;
    
    text-align: center;
}



.opportunity-statement p {
    
    color: var(--text-color);
    
    font-size: clamp(2rem, 5vw, 4rem);
    
    font-weight: 800;
    
    line-height: 1.1;
    
    margin: 0 auto;
    
    max-width: 900px;
}



.opportunity-statement .highlight {
    
    color: var(--primary-color);
}



.cookie-banner {
    
    background: #222;
    
    bottom: 0;
    
    color: #fff;
    
    font-size: 14px;
    
    left: 0;
    
    padding: 15px;
    
    position: fixed;
    
    right: 0;
    
    text-align: center;
    
    z-index: 9999;
}



.cookie-link {
    
    color: #4ea3ff;
}



.cookie-button {
    
    background: #4ea3ff;
    
    border: 0;
    
    color: #fff;
    
    cursor: pointer;
    
    margin-left: 15px;
    
    padding: 5px 10px;
}



@media (max-width: 600px) {
    
    .cookie-button {
    
        display: block;
    
        margin: 10px auto 0;
}
}