:root{
    --bg:#0b0b0d;
    --bg-alt:#131316;
    --bg-card:#18181b;
    --fg:#f3f2ee;
    --muted:#9a9a9f;
    --line:#3a3a3e;
    --yellow:#ffc72c;
    --red:#e63946;
    --stripe-h: 14px;
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  body{
    background:var(--bg);
    color:var(--fg);
    font-family:'Inter', -apple-system, sans-serif;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  a{color:inherit; text-decoration:none;}
  ul{list-style:none;}
  img{max-width:100%; display:block;}
  .container{max-width:1180px; margin:0 auto; padding:0 24px;}
  .display{font-family:'Anton', sans-serif; font-weight:400; letter-spacing:0.5px; text-transform:uppercase;}
  .mono{font-family:'IBM Plex Mono', monospace;}
  .eyebrow{
    font-family:'IBM Plex Mono', monospace;
    font-size:0.7rem;
    font-weight:700;
    letter-spacing:0.15em;
    text-transform:uppercase;
    color:#ffffff;
    display:inline-flex;
    align-items:center;
    background: rgba(255, 255, 255, 0.03);
    padding: 6px 14px;
    border: 1px solid var(--line);
    border-radius: 3px;
  }
  /* .eyebrow::before - removed for badge style */

  /* Hazard stripe divider - signature motif */
  .stripe{
    height:var(--stripe-h);
    width:100%;
    background:repeating-linear-gradient(
      45deg,
      var(--yellow) 0px, var(--yellow) 22px,
      #0b0b0d 22px, #0b0b0d 44px
    );
  }
  .stripe.thin{ --stripe-h: 8px; }

  /* TOPBAR */
  .topbar{
    background:var(--bg-alt);
    border-bottom:1px solid var(--line);
  }
  .topbar-inner{
    display:flex; align-items:center; justify-content:space-between;
    padding:9px 24px;
    font-family:'IBM Plex Mono', monospace;
    font-size:0.75rem;
    color:var(--muted);
  }
  .topbar-left, .topbar-right{display:flex; align-items:center; gap:22px;}
  .topbar-item{display:inline-flex; align-items:center; gap:7px; color:inherit;}
  .topbar-item svg{width:13px; height:13px; color:var(--yellow); flex-shrink:0;}
  a.topbar-item:hover{color:var(--yellow);}

  /* NAV */
  header{
    position:sticky; top:0; z-index:100;
    background:rgba(11,11,13,0.92);
    backdrop-filter:blur(10px);
    border-bottom:1px solid var(--line);
  }
  .nav-inner{
    display:flex; align-items:center; justify-content:space-between;
    padding:16px 24px;
    max-width:1180px; margin:0 auto;
  }
  .logo{display:flex; flex-direction:column; line-height:1;}
  .logo-img-wrap{flex-direction:row; align-items:center; gap:12px;}
  .logo-img{width:46px; height:46px; border-radius:50%; flex-shrink:0;}
  .logo-text-group{display:flex; flex-direction:column; line-height:1.2;}
  .ns-small{font-family:'Anton', sans-serif; font-size:1.05rem; letter-spacing:0.5px;}
  .logo .ns{font-family:'Anton', sans-serif; font-size:1.6rem; letter-spacing:1px;}
  .logo .ns span{color:var(--red);}
  .logo .city{font-family:'IBM Plex Mono', monospace; font-size:0.62rem; letter-spacing:0.08em; color:var(--muted); margin-top:2px; text-transform:none;}
  
  /* REUSABLE BRAND TEXT COMPONENT */
  .brand-text {
    font-weight: 700;
    color: #ffffff; /* Garaj kelimesi varsayılan olarak beyaz */
  }
  .brand-text span:first-child {
    color: var(--red); /* NS akronimi kırmızı */
  }
  .brand-text span:last-child {
    color: var(--yellow); /* Tuzla kelimesi sarı */
  }
  nav.links{display:flex; gap:26px; align-items:center;}
  nav.links a{
    font-size:0.9rem; font-weight:600; color:var(--fg); opacity:0.85;
    transition:opacity 0.2s, color 0.2s;
  }
  nav.links a:hover{opacity:1; color:var(--yellow);}
  .nav-cta{display:flex; align-items:center; gap:18px;}
  .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px 28px;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 0.95rem;
    text-decoration: none;
    border-radius: 6px;
    transition: all 0.3s ease;
    cursor: pointer;
    border: none;
    white-space: nowrap;
  }
  .btn:hover{transform:translateY(-1px); filter:brightness(1.08);}
  .btn-red{background:var(--red); color:#fff;}
  .btn-yellow {
    background-color: #ffcc00;
    color: #000000;
    border: 2px solid #ffcc00;
  }
  .btn-yellow:hover {
    background-color: #e6b800;
    border-color: #e6b800;
  }
  .btn-outline{background:transparent; color:var(--fg); border:1.5px solid var(--line);}
  .btn-outline:hover{border-color:var(--yellow); color:var(--yellow);}
  .btn-outline-yellow {
    background-color: transparent;
    color: #ffffff;
    border: 2px solid #ffcc00;
  }
  .btn-outline-yellow:hover {
    background-color: #ffcc00;
    color: #000000;
  }
  .menu-toggle{display:none; flex-direction:column; gap:5px; background:none; border:none; cursor:pointer;}
  .menu-toggle span{width:24px; height:2px; background:var(--fg);}
  @media(max-width:860px){
  }

  /* --- YENİ HERO TASARIMI --- */
  #hero {
    position: relative;
    background-image: url('img/ppf.jpg'); 
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 100vh;
    display: flex;
    align-items: center;
    padding: 120px 0 80px 0; 
    margin: 0;
    overflow: hidden;
  }

  .hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(11, 11, 13, 0.95) 0%, rgba(11, 11, 13, 0.7) 45%, rgba(11, 11, 13, 0) 100%);
    z-index: 1;
  }

  .hero-content-wrapper {
    position: relative;
    z-index: 2;
    width: 100%;
  }

  .hero-text-box {
    max-width: 550px;
  }

  .hero-text-box .display {
    color: #ffffff;
    font-family: 'Anton', sans-serif;
    font-size: clamp(2.5rem, 5vw, 4rem);
    line-height: 1.15;
    letter-spacing: 1px;
    margin-bottom: 24px;
    text-align: left;
  }

  .hero-text-box .accent {
    color: #ffcc00;
  }

  .hero-text-box .lead {
    color: #e0e0e0;
    font-family: 'Inter', sans-serif;
    font-size: 1.1rem;
    line-height: 1.6;
    margin-bottom: 40px;
    text-align: left;
  }

  .hero-ctas {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    justify-content: flex-start;
  }


  /* TRUST BAR */
  .trust{
    border-top:1px solid var(--line);
    background:var(--bg-alt);
    padding-bottom: 0;
  }
  .trust-grid{
    display:grid; grid-template-columns:repeat(5, 1fr);
    padding:34px 0;
  }
  .trust-item{
    text-align:center; padding:0 12px;
    border-right:1px solid var(--line);
  }
  .trust-item:last-child{border-right:none;}
  .trust-num{font-family:'Anton', sans-serif; font-size:2.1rem; color:var(--yellow);}
  .trust-label{font-family:'IBM Plex Mono', monospace; font-size:0.72rem; color:var(--muted); letter-spacing:0.05em; margin-top:4px; text-transform:uppercase;}

  /* Testimonials Merge */
  .trust-testimonials-sep {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 10px 0;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    background: var(--bg-alt);
  }
  .trust-testimonials-sep .eyebrow {
    background: transparent;
    border: none;
    padding: 0;
    font-size: 0.65rem;
  }
  .trust-testimonials-sep .sep-title {
    font-family: 'Anton', sans-serif;
    font-size: 1.1rem;
    color: var(--fg);
    text-transform: uppercase;
    letter-spacing: 1px;
  }


  /* MANIFESTO — signature section */
  .manifesto{background:var(--bg-alt); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
  .manifesto-inner{
    padding:80px 0;
    display:grid; grid-template-columns:1.1fr 0.9fr; gap:64px;
    align-items:center;
  }
  .manifesto-copy{text-align:left;}
  .manifesto .eyebrow{justify-content:flex-start;}
  .manifesto-q{font-size:clamp(2.4rem, 5vw, 3.8rem); margin:20px 0 26px; line-height:0.98;}
  .manifesto-lead{color:var(--muted); font-size:1.05rem; line-height:1.75; max-width:620px; margin:0 0 30px;}
  .manifesto-image-wrap{
    width:100%;
    height:420px;
    border:1px solid var(--line);
    border-radius:4px;
    overflow:hidden;
    background:#000000;
  }
  .manifesto-image-wrap img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    display:block;
    filter: brightness(0.9) contrast(1.05);
    transform: scale(1.0);
  }
  .manifesto-tagline {
    font-family: 'IBM Plex Mono', monospace;
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #ffffff;
    display: inline-flex;
    gap: 16px;
    align-items: center;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    padding: 16px 28px;
    background: rgba(255, 255, 255, 0.02);
  }
  .manifesto-tagline span {
    color: var(--red);
    font-weight: 900;
    font-size: 1.25rem;
    font-style: italic;
  }

  /* SECTION generic */
  section{padding:100px 0;}
  .section-head{margin-bottom:56px; max-width:640px;}
  .section-head h2{font-size:clamp(2rem,3.6vw,2.8rem); margin-top:14px; line-height:1.05;}
  .section-head p{color:var(--muted); margin-top:16px; font-size:1.02rem; line-height:1.6;}

  /* ABOUT */
  .about-wrap{display:grid; grid-template-columns:0.9fr 1.1fr; gap:64px; align-items:start;}
  .about-copy p{color:var(--muted); line-height:1.75; margin-bottom:18px; font-size:1rem;}
  .about-image{
    position:relative;
    width:100%;
    height:540px;
    border:1px solid var(--line);
    border-radius:4px;
    overflow:hidden;
    cursor: zoom-in;
    background: #000000;
  }
  .about-image img{
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top;
    display:block;
    filter: brightness(0.9) contrast(1.05);
    opacity: 0;
    transform: scale(0.9);
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    z-index: 1;
  }
  .about-image img.active {
    opacity: 1;
    transform: scale(0.9);
    z-index: 2;
  }
  .slider-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(11, 11, 13, 0.75);
    border: 1px solid var(--line);
    color: #ffffff;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    z-index: 10;
  }
  .slider-btn:hover {
    background: var(--yellow);
    color: #0b0b0d;
    border-color: var(--yellow);
  }
  .prev-btn {
    left: 16px;
  }
  .next-btn {
    right: 16px;
  }
  .slider-btn svg {
    width: 18px;
    height: 18px;
  }
  .slider-dots {
    position: absolute;
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
    z-index: 10;
    background: rgba(11, 11, 13, 0.6);
    padding: 6px 12px;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.05);
  }
  .slider-dots .dot {
    width: 8px;
    height: 8px;
    background: rgba(255, 255, 255, 0.35);
    border-radius: 50%;
    cursor: pointer;
    transition: background 0.2s ease;
  }
  .slider-dots .dot.active {
    background: var(--yellow);
  }

  /* LIGHTBOX MODAL */
  .lightbox {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(11, 11, 13, 0.95);
    align-items: center;
    justify-content: center;
    cursor: zoom-out;
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  .lightbox.active {
    display: flex;
    opacity: 1;
  }
  .lightbox-content {
    max-width: 92%;
    max-height: 92%;
    object-fit: contain;
    border: 1px solid var(--line);
    border-radius: 4px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.8);
    transform: scale(0.95);
    transition: transform 0.3s ease;
  }
  .lightbox.active .lightbox-content {
    transform: scale(1);
  }

  /* SERVICES */
  .services-grid{
    display:grid; grid-template-columns:repeat(3, 1fr); gap:1px;
    background:var(--line); border:1px solid var(--line);
  }
  .svc-card{
    background:var(--bg-card); padding:32px 28px;
    transition:background 0.2s ease;
  }
  .svc-card:hover{background:#1e1e22;}
  .svc-head{display:flex; align-items:center; justify-content:space-between; margin-bottom:16px;}
  .svc-code{font-family:'IBM Plex Mono', monospace; font-size:0.72rem; color:var(--red);}
  .svc-icon{width:26px; height:26px; color:var(--yellow);}
  .svc-card h3{font-size:1.08rem; margin-bottom:10px;}
  .svc-card p{color:var(--muted); font-size:0.92rem; line-height:1.55;}
  .svc-more-link{
    font-family:inherit; font-size:inherit; font-weight:400; color:#ffffff;
    text-decoration:none; display:inline-flex; align-items:center;
    vertical-align:middle; margin-left:6px; transition:opacity 0.2s;
  }
  .svc-more-link:hover{opacity:0.8;}
  .svc-more-link span{color:var(--red); font-weight:400; font-style:italic;}
  .svc-more-link span:first-child{margin-right:4px;}
  .svc-more-link span:last-child{margin-left:4px;}

  /* SIGNATURE: TERSANE HATTI */
  .shipyard{
    position:relative;
    background:var(--bg-alt);
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
    padding:0;
  }
  .shipyard-inner{padding:100px 0;}
  .shipyard-grid{display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:start;}
  .shipyard-copy h2{font-size:clamp(2rem,3.4vw,2.6rem); margin:16px 0 20px; line-height:1.05;}
  .shipyard-copy p{color:var(--muted); line-height:1.75; margin-bottom:16px;}
  .shipyard-image{
    position:relative;
    width:100%;
    height:720px;
    border:1px solid var(--line);
    border-radius:4px;
    overflow:hidden;
    cursor: zoom-in;
    background: #000000;
  }
  .shipyard-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    filter: brightness(0.9) contrast(1.05);
    transform: scale(0.9);
    transition: transform 0.4s ease-in-out;
  }

  /* GARANTI SORGULAMA */
  .garanti-cta{
    border:1px solid var(--line);
    background:var(--bg-card);
    overflow:hidden;
  }
  .garanti-cta .stripe{margin:0;}
  .garanti-cta-inner{
    display:flex; align-items:center; gap:28px; flex-wrap:wrap;
    padding:40px;
  }
  .garanti-cta-icon{
    width:64px; height:64px; flex-shrink:0;
    border:1.5px solid var(--yellow); border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    color:var(--yellow);
  }
  .garanti-cta-icon svg{width:30px; height:30px;}
  .garanti-cta-text{flex:1; min-width:240px;}
  .garanti-cta-text h3{font-size:1.2rem; margin-bottom:8px;}
  .garanti-cta-text p{color:var(--muted); font-size:0.95rem; line-height:1.6; margin-bottom:10px;}
  .garanti-src{font-size:0.72rem; color:var(--muted); display:block;}
  .garanti-cta-btn{flex-shrink:0;}
  @media (max-width: 700px){
    .garanti-cta-inner{padding:28px;}
    .garanti-cta-btn{width:100%;}
  }

  /* TESTIMONIALS (INFINITE SLIDER) */
  .testimonials-slider {
    overflow: hidden;
    padding: 20px 0;
    position: relative;
    width: 100%;
    mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
    -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
  }
  .testimonials-track {
    display: flex;
    gap: 20px;
    width: max-content;
    animation: scroll 40s linear infinite;
  }
  .testimonials-track:hover {
    animation-play-state: paused;
  }
  @keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(calc(-50% - 10px)); }
  }
  .review-card {
    background: var(--bg-card);
    border: 1px solid var(--line);
    padding: 30px;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 350px;
    flex-shrink: 0;
    transition: transform 0.2s ease, border-color 0.2s ease;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
  }
  .review-card:hover {
    border-color: var(--yellow);
  }
  .review-stars {
    color: var(--yellow);
    display: flex;
    gap: 4px;
    order: 2;
  }
  .review-stars svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
  }
  .review-text {
    font-size: 0.92rem;
    line-height: 1.6;
    color: var(--fg);
    font-style: italic;
    flex-grow: 1;
    order: 3;
  }
  .review-author {
    display: flex;
    align-items: center;
    gap: 12px;
    order: 1;
  }
  .author-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--line);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: var(--yellow);
    font-size: 0.9rem;
    text-transform: uppercase;
  }
  .author-info {
    display: flex;
    flex-direction: column;
  }
  .author-name {
    font-size: 0.85rem;
    font-weight: 600;
  }
  .author-meta {
    font-size: 0.7rem;
    color: var(--muted);
  }

  /* GALLERY */
  .gallery-grid{
    display:grid; grid-template-columns:repeat(4, 1fr); gap:14px;
  }
  .gallery-grid > div:nth-child(3n+1){grid-row: span 2;}
  .g-tile{
    border:1px solid var(--line);
    background:linear-gradient(150deg, #1a1a1d, #0d0d0f);
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    min-height:140px; height:100%;
    color:var(--muted); gap:10px; position:relative;
  }
  .g-tile svg{width:34px; height:34px; opacity:0.55;}
  .g-tile span{font-family:'IBM Plex Mono', monospace; font-size:0.68rem; letter-spacing:0.05em;}
  .gallery-note{margin-top:18px; color:var(--muted); font-size:0.85rem; font-family:'IBM Plex Mono', monospace;}

  /* SOCIAL PROOF */
  .proof{
    background:var(--bg-card); border:1px solid var(--line);
    padding:52px; display:flex; align-items:center; justify-content:space-between; gap:40px; flex-wrap:wrap;
  }
  .proof-left h3{font-size:1.5rem; margin-bottom:10px;}
  .proof-left p{color:var(--muted); max-width:440px; line-height:1.6;}

  /* FAQ */
  .faq-list{border-top:1px solid var(--line);}
  .faq-item{border-bottom:1px solid var(--line);}
  .faq-item summary{
    display:flex; align-items:center; justify-content:space-between;
    padding:22px 4px; cursor:pointer; font-weight:600; font-size:1.02rem;
    list-style:none;
  }
  .faq-item summary::-webkit-details-marker{display:none;}
  .faq-plus{font-family:'IBM Plex Mono', monospace; color:var(--yellow); font-size:1.2rem; flex-shrink:0; margin-left:16px;}
  .faq-item[open] .faq-plus{color:var(--red);}
  .faq-item p{color:var(--muted); padding:0 4px 24px; line-height:1.7; font-size:0.95rem;}

  /* CONTACT */
  .contact-grid{display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--line); border:1px solid var(--line);}
  .contact-info{background:var(--bg-card); padding:40px;}
  .contact-info h3{font-size:1.3rem; margin-bottom:24px;}
  .contact-info .row{display:flex; gap:14px; padding:14px 0; border-top:1px solid var(--line); font-size:0.95rem;}
  .contact-info .row:first-of-type{border-top:none;}
  .contact-info .row .label{width:110px; flex-shrink:0; color:var(--muted); font-family:'IBM Plex Mono', monospace; font-size:0.78rem; text-transform:uppercase; letter-spacing:0.05em;}
  .map-embed{background:var(--bg-card); min-height:320px; display:flex; align-items:center; justify-content:center; position:relative;}
  .map-embed .pin{color:var(--red); width:40px; height:40px;}
  .map-embed .label{position:absolute; bottom:20px; left:20px; font-family:'IBM Plex Mono', monospace; font-size:0.75rem; color:var(--muted);}

  /* FOOTER */
  footer{border-top:1px solid var(--line); padding:50px 0 30px;}
  .footer-grid{display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; gap:30px;}
  .footer-social{display:flex; gap:20px;}
  .footer-social a{font-family:'IBM Plex Mono', monospace; font-size:0.82rem; color:var(--muted);}
  .footer-social a:hover{color:var(--yellow);}
  .footer-bottom{margin-top:36px; padding-top:24px; border-top:1px solid var(--line); display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px;}
  .footer-bottom p{font-family:'IBM Plex Mono', monospace; font-size:0.75rem; color:var(--muted);}

  /* FLOATING ACTIONS CONTAINER */
  .fab-container {
    position: fixed;
    bottom: 26px;
    right: 26px;
    z-index: 200;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .fab {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 20px rgba(0,0,0,0.4);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    text-decoration: none;
  }
  .fab:hover {
    transform: scale(1.08);
    box-shadow: 0 8px 24px rgba(0,0,0,0.5);
  }
  .fab svg {
    width: 22px;
    height: 22px;
    fill: #fff;
  }
  
  /* Brand Specific Colors */
  .fab-whatsapp {
    background: #25D366;
  }
  .fab-instagram {
    background: #E1306C;
  }
  .fab-youtube {
    background: #FF0000;
  }
  .fab-google {
    background: #4285F4;
  }

  @media (max-width: 900px){
    .hero-grid, .about-wrap, .shipyard-grid, .contact-grid, .manifesto-inner{grid-template-columns:1fr;}
    .about-image{height:380px;}
    .shipyard-image{height:350px;}
    .manifesto-inner{text-align:center; gap:40px; padding:60px 0;}
    .manifesto-copy{text-align:center;}
    .manifesto .eyebrow{justify-content:center;}
    .manifesto-lead{margin:0 auto 30px;}
    .manifesto-image-wrap{height:300px;}
    .trust-grid{grid-template-columns:repeat(2,1fr); gap:20px 0;}
    .trust-item:nth-child(2n){border-right:none;}
    .trust-item:nth-child(5){grid-column: span 2;}
    .services-grid{grid-template-columns:repeat(2,1fr);}
    .gallery-grid{grid-template-columns:repeat(2,1fr);}
    .feature-grid{grid-template-columns:1fr;}
    nav.links{display:none;}
    .menu-toggle{display:flex;}
    .topbar-hide-sm{display:none;}
  }
  @media (max-width: 560px){
    .services-grid{grid-template-columns:1fr;}
    .trust-grid{grid-template-columns:repeat(2,1fr);}
    section{padding:70px 0;}
    .proof{flex-direction:column; align-items:flex-start;}
  }


  @media (prefers-reduced-motion: reduce){
    *{transition:none !important;}
  }