/* RESPONSIVE.CSS */

/* TABLETS (Landscape & Portrait) Mouse/Trackpad devices only */
@media (max-width:1024px) and (hover:hover) and (pointer:fine){
    /* Tablet-specific adjustments (if required) */
  .contact-info .grid-3 {
    flex-direction: column;
    gap: 30px;
  }
}


/* PHONES - PORTRAIT */
@media (orientation:portrait) and (hover:none) and (pointer:coarse){

  h2
  .stat h2,
  .split-text h2,
  .title,
  .splash h2,
  .cta h2 {
    font-size:24px;
    line-height:1.3;
  }

  .stat h2 {
    color: #ED9C22;
  }

  .logo-icon{
    width:45px;
    height:45px;
  }

  .logo-text{
    font-size:20px;
  }

  .nav-inner {
    height: 50px;
    padding: 10px 0;
  }

  .menu-toggle {
    display: block;
    font-size: 24px;
    cursor: pointer;
  }

  .nav-links {
    display: none;
    position: absolute;
    top:calc(100% + 6px);
    right:12px;
    width:180px;
    left:auto;
    padding:2px;
    border-radius:12px;
    box-shadow:0 10px 25px rgba(0,0,0,.15);
    flex-direction: column;
    align-items: stretch;
    background: #ffffff;
    z-index: 1000;
  }

  .nav-links.mobile-open {
    display: flex;
  }

  .nav-links a {
    display:block;
    margin:0;
    width:100%;
    box-sizing:border-box;
    padding:10px 14px;
    font-size:15px;
    border-radius:6px;
  }

  .nav-links a:hover,
  .nav-links a.active {
    background:#f4f7ff;
  }

  .split-inner {
    grid-template-columns: 1fr;
  }

  .floating-grid {
    flex-direction: column;
  }

  .split-text {
    text-align: center;
    margin: auto;
  }

  .split-img-wrap {
    justify-content: center; 
  }

  .hero-full{
      min-height:390px;
      height:60vh;
      padding-bottom:20px;
  }

  .hero-content{
    padding:25px 18px;
  }

  .hero-content h1{
    font-size:32px;
    line-height:1.2;
  }

  .hero-content p{
    font-size:16px;
  }

  .nav-inner{
    height:46px;
  }

  .phone-group {
    justify-content: center;
  }

  .feature-card {
    flex-direction: column;
    text-align: center;
  }

  .grid-2 {
    grid-template-columns: 1fr;
  }

  .feature-image.big img {
    width: 220px;
  }

  .feature-inner {
    flex-direction: column;
    text-align: center;
  }

  .hero-buttons{
    flex-direction:column;
    align-items:center;
    gap:12px;
  }

  .hero-buttons .btn{
      width:220px;
  }

  .split-inner{
      gap:30px;
  }

  .phone-group {
      flex-direction: column;
      align-items: center;
      gap: 20px;
  }

  .phone-second {
      transform: none;
  }

  .phone:first-child {
      transform: none;
  }

  .phone{
  width:170px !important;
  height:auto;
  }

  .phone img{
      width:100%;
      height:auto;
  }

  .split-inner{
      display:block;
      overflow:hidden;
  }

  .split-img-wrap{
      overflow:hidden;
      margin-top:25px;
  }

/* mobile for features.html */
  .page-hero {
    padding: 90px 0 50px;
  }

  .page-hero h1 {
    font-size: 32px;
  }

  .page-hero p {
    font-size: 15px;
  }

  .feature-nav {
    top: 71px;
    padding: 12px 0;
  }

  .feature-nav a {
    font-size: 13px;
    padding: 8px 14px;
    gap: 6px;
  }

  .feature-nav a i {
    width: 13px;
    height: 13px;
  }

  .feature-group-header {
    padding: 40px 0 6px;
    scroll-margin-top: 135px;
  }

  .feature-group-header h2 {
    font-size: 24px;
  }

  .feature-group-header p {
    font-size: 14px;
  }

  .feature-section {
    padding: 46px 0;
    scroll-margin-top: 135px;
  }

  .feature-split {
    grid-template-columns: 1fr;
    text-align: center;
    gap: 20px;
  }

  .feature-media img {
    max-width: 190px;
    margin: auto;
  }

  .feature-text h2 {
    font-size: 22px;
  }

  .feature-sub {
    font-size: 14px;
    margin: 6px 0 14px;
  }

  .feature-text li {
    font-size: 14px;
    margin-bottom: 8px;
  }

  .back-to-top {
    width: 42px;
    height: 42px;
    bottom: 20px;
    right: 20px;
  }
}


/* PHONES - LANDSCAPE */
@media (orientation:landscape) and (hover:none) and (pointer:coarse){

    h2{
    font-size:24px;
    line-height:1.3;
  }

    .stat h2,
    .split-text h2,
    .title,
    .splash h2,
    .cta h2{
    font-size:24px;
    line-height:1.3;
    }
        .stat h2 {
      color: #ED9C22;
  }

  .logo-icon{
    width:45px;
    height:45px;
  }

  .logo-text{
    font-size:20px;
  }

  .nav-inner {
    height: 50px;
    padding: 10px 0;
  }

  .menu-toggle {
    display: block;
    font-size: 24px;
    cursor: pointer;
  }

  .nav-links {
    display: none;
    position: absolute;
    top:calc(100% + 6px);
    right:12px;
    width:180px;
    left:auto;
    padding:2px;
    border-radius:12px;
    box-shadow:0 10px 25px rgba(0,0,0,.15);
    flex-direction: column;
    align-items: stretch;
    background: #ffffff;
    z-index: 1000;
  }

  .nav-links.mobile-open {
    display: flex;
  }

  .nav-links a {
    display:block;
    margin:0;
    width:100%;
    box-sizing:border-box;
    padding:10px 14px;
    font-size:15px;
    border-radius:6px;
  }

  .nav-links a:hover,
  .nav-links a.active{
    background:#f4f7ff;
  }

  .split-inner {
    grid-template-columns: 1fr;
  }

  .floating-grid {
    flex-direction: column;
  }

  .split-text {
    text-align: center;
    margin: auto;
  }

  .split-img-wrap {
    justify-content: center; 
  }

  .hero-full{
      min-height:390px;
      height:60vh;
      padding-bottom:20px;
  }

  .hero-content{
    padding:25px 18px;
  }

  .hero-content h1{
    font-size:32px;
    line-height:1.2;
  }

  .hero-content p{
    font-size:16px;
  }

  .nav-inner{
    height:46px;
  }

  .phone-group {
    justify-content: center;
  }

  .feature-card {
    flex-direction: column;
    text-align: center;
  }

  .grid-2 {
    grid-template-columns: 1fr;
  }

  .feature-image.big img {
    width: 220px;
  }

  .feature-inner {
    flex-direction: column;
    text-align: center;
  }

  .hero-buttons{
    flex-direction:column;
    align-items:center;
    gap:12px;
  }

  .hero-buttons .btn{
      width:220px;
  }

  .split-inner{
      gap:30px;
  }

    .phone-group {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    .phone-second {
        transform: none;
    }

    .phone:first-child {
        transform: none;
    }

    .phone{

    width:170px !important;

    height:auto;
}

.phone img{

    width:100%;

    height:auto;
}

.split-inner{

    display:block;

    overflow:hidden;
}

.split-img-wrap{

    overflow:hidden;

    margin-top:25px;
}

/* mobile for features.html */
  .page-hero {
    padding: 90px 0 50px;
  }

  .page-hero h1 {
    font-size: 32px;
  }

  .page-hero p {
    font-size: 15px;
  }

  .feature-nav {
    top: 71px;
    padding: 12px 0;
  }

  .feature-nav a {
    font-size: 13px;
    padding: 8px 14px;
    gap: 6px;
  }

  .feature-nav a i {
    width: 13px;
    height: 13px;
  }

  .feature-group-header {
    padding: 40px 0 6px;
    scroll-margin-top: 135px;
  }

  .feature-group-header h2 {
    font-size: 24px;
  }

  .feature-group-header p {
    font-size: 14px;
  }

  .feature-section {
    padding: 46px 0;
    scroll-margin-top: 135px;
  }

  .feature-split {
    grid-template-columns: 1fr;
    text-align: center;
    gap: 20px;
  }

  .feature-media img {
    max-width: 190px;
    margin: auto;
  }

  .feature-text h2 {
    font-size: 22px;
  }

  .feature-sub {
    font-size: 14px;
    margin: 6px 0 14px;
  }

  .feature-text li {
    font-size: 14px;
    margin-bottom: 8px;
  }

  .back-to-top {
    width: 42px;
    height: 42px;
    bottom: 20px;
    right: 20px;
  }

  .split-inner{
    display: grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
}

.phone-group{
    flex-direction:row;
    justify-content:center;
    gap:24px;
}

.phone{
    width:100px;
}

.phone:first-child{
    transform:rotate(-2deg);
}

.phone-second{
    transform:translateY(30px) rotate(2deg);
}


.grid-2 {

    grid-template-columns:repeat(2,1fr);

    gap:20px;
}

  .floating-grid {
    flex-direction: row;
  }


.hero-full{

    min-height:320px;

    height:90vh;
}

.split-inner{
    display: grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
}

.phone-group{
    flex-direction:row;
    justify-content:center;
    gap:24px;
}

.phone{
    width:100px;
}

.phone:first-child{
    transform:rotate(-2deg);
}

.phone-second{
    transform:translateY(30px) rotate(2deg);
}


.grid-2 {

    grid-template-columns:repeat(2,1fr);

    gap:20px;
}

  .floating-grid {
    flex-direction: row;
  }


.hero-full{

    min-height:320px;

    height:90vh;
}

}


/* SMALL PHONES (e.g. older 4.7"–5.5" devices) */
@media (orientation:portrait) and (max-width:480px){

    /* Smaller fonts */
    /* Smaller buttons */
    /* Reduced spacing */
}





/*PHONES (Portrait + Landscape)*/
@media (max-width:1024px) and (hover:none),
       (max-width:768px){
/* 
  h2{
    font-size:24px;
    line-height:1.3;
  }

    .stat h2,
    .split-text h2,
    .title,
    .splash h2,
    .cta h2{
    font-size:24px;
    line-height:1.3;
    }
        .stat h2 {
      color: #ED9C22;
  }

  .logo-icon{
    width:45px;
    height:45px;
  }

  .logo-text{
    font-size:20px;
  }

  .nav-inner {
    height: 50px;
    padding: 10px 0;
  }

  .menu-toggle {
    display: block;
    font-size: 24px;
    cursor: pointer;
  }

  .nav-links {
    display: none;
    position: absolute;
    top:calc(100% + 6px);
    right:12px;
    width:180px;
    left:auto;
    padding:2px;
    border-radius:12px;
    box-shadow:0 10px 25px rgba(0,0,0,.15);
    flex-direction: column;
    align-items: stretch;
    background: #ffffff;
    z-index: 1000;
  }

  .nav-links.mobile-open {
    display: flex;
  }

  .nav-links a {
    display:block;
    margin:0;
    width:100%;
    box-sizing:border-box;
    padding:10px 14px;
    font-size:15px;
    border-radius:6px;
  }

  .nav-links a:hover,
  .nav-links a.active{
    background:#f4f7ff;
  }

  .split-inner {
    grid-template-columns: 1fr;
  }

  .floating-grid {
    flex-direction: column;
  }

  .split-text {
    text-align: center;
    margin: auto;
  }

  .split-img-wrap {
    justify-content: center; 
  }

  .hero-full{
      min-height:390px;
      height:60vh;
      padding-bottom:20px;
  }

  .hero-content{
    padding:25px 18px;
  }

  .hero-content h1{
    font-size:32px;
    line-height:1.2;
  }

  .hero-content p{
    font-size:16px;
  }

  .nav-inner{
    height:46px;
  }

  .phone-group {
    justify-content: center;
  }

  .feature-card {
    flex-direction: column;
    text-align: center;
  }

  .grid-2 {
    grid-template-columns: 1fr;
  }

  .feature-image.big img {
    width: 220px;
  }

  .feature-inner {
    flex-direction: column;
    text-align: center;
  }

  .hero-buttons{
    flex-direction:column;
    align-items:center;
    gap:12px;
  }

  .hero-buttons .btn{
      width:220px;
  }

  .split-inner{
      gap:30px;
  }

    .phone-group {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    .phone-second {
        transform: none;
    }

    .phone:first-child {
        transform: none;
    }

    .phone{

    width:170px !important;

    height:auto;
}

.phone img{

    width:100%;

    height:auto;
}

.split-inner{

    display:block;

    overflow:hidden;
}

.split-img-wrap{

    overflow:hidden;

    margin-top:25px;
} */

/* mobile for features.html */
  /* .page-hero {
    padding: 90px 0 50px;
  }

  .page-hero h1 {
    font-size: 32px;
  }

  .page-hero p {
    font-size: 15px;
  }

  .feature-nav {
    top: 71px;
    padding: 12px 0;
  }

  .feature-nav a {
    font-size: 13px;
    padding: 8px 14px;
    gap: 6px;
  }

  .feature-nav a i {
    width: 13px;
    height: 13px;
  }

  .feature-group-header {
    padding: 40px 0 6px;
    scroll-margin-top: 135px;
  }

  .feature-group-header h2 {
    font-size: 24px;
  }

  .feature-group-header p {
    font-size: 14px;
  }

  .feature-section {
    padding: 46px 0;
    scroll-margin-top: 135px;
  }

  .feature-split {
    grid-template-columns: 1fr;
    text-align: center;
    gap: 20px;
  }

  .feature-media img {
    max-width: 190px;
    margin: auto;
  }

  .feature-text h2 {
    font-size: 22px;
  }

  .feature-sub {
    font-size: 14px;
    margin: 6px 0 14px;
  }

  .feature-text li {
    font-size: 14px;
    margin-bottom: 8px;
  }

  .back-to-top {
    width: 42px;
    height: 42px;
    bottom: 20px;
    right: 20px;
  } */

}


/* PHONE LANDSCAPE*/
/* @media (orientation: landscape) and (hover:none) {
.split-inner{
    display: grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
}

.phone-group{
    flex-direction:row;
    justify-content:center;
    gap:24px;
}

.phone{
    width:100px;
}

.phone:first-child{
    transform:rotate(-2deg);
}

.phone-second{
    transform:translateY(30px) rotate(2deg);
}


.grid-2 {

    grid-template-columns:repeat(2,1fr);

    gap:20px;
}

  .floating-grid {
    flex-direction: row;
  }


.hero-full{

    min-height:320px;

    height:90vh;
}

} */