/* Mobile / English / Light layer. Desktop layout remains defined by styles.css and desktop-fixes.css. */
.menu-trigger,.mobile-hero-media,.mobile-language{display:none}

@media (max-width: 899px){
  body{min-width:0;overflow-x:hidden;font-size:15px}
  .site-header{height:68px;padding:0 20px;position:relative}
  .brand{width:auto}
  .brand span{font-size:23px}
  .main-nav{display:none}
  .menu-trigger{display:flex;width:34px;height:34px;margin-left:auto;margin-right:12px;flex-direction:column;justify-content:center;gap:6px;padding:7px;color:var(--ink);cursor:pointer}
  .menu-trigger i{display:block;height:1.5px;width:20px;background:currentColor;transition:transform .2s ease}
  .header-tools{margin-left:0;gap:0}
  .header-tools .language{display:none}
  .header-tools .sun,.header-tools .toggle{display:none}
  .header-tools{gap:7px}
  .header-tools .button{min-width:auto;padding:10px 13px;font-size:11px}
  .menu-open .menu-trigger i:first-child{transform:translateY(3.75px) rotate(45deg)}
  .menu-open .menu-trigger i:last-child{transform:translateY(-3.75px) rotate(-45deg)}
  .menu-open .main-nav{display:flex;position:absolute;z-index:10;left:0;right:0;top:68px;max-height:calc(100dvh - 68px);overflow-y:auto;margin:0;padding:18px 20px 22px;flex-direction:column;gap:17px;background:rgba(243,251,251,.98);border-bottom:1px solid var(--line);font-size:14px}
  .mobile-language{display:flex;align-items:center;gap:7px;padding-top:15px;margin-top:1px;border-top:1px solid var(--line);font-size:11px}
  .mobile-language .language{display:inline-block;padding:0;font-size:11px}
  .mobile-language > span:first-of-type{color:var(--text-secondary)}
  .mobile-theme-label{margin-left:auto;color:var(--text-secondary);font-size:18px;line-height:1}
  .mobile-theme-toggle{display:inline-block;flex:0 0 24px;width:24px;height:14px;padding:0}

  .hero{height:auto;display:flex;flex-direction:column;background:none;overflow:hidden}
  .hero-copy{order:1;margin:0;padding:32px 20px 24px}
  .hero h1{font-size:42px;line-height:.97;letter-spacing:-2.4px;margin-bottom:17px}
  .hero-lead{font-size:17px;line-height:1.18;margin-bottom:11px}
  .hero-text{font-size:13px;line-height:1.4;margin-bottom:19px}
  .hero-text br{display:none}
  .hero-actions{gap:10px;flex-wrap:wrap}
  .hero-actions .button{min-width:132px;padding:12px 16px}
  .location{font-size:12px;margin-top:19px}
  .mobile-hero-media{display:block;order:2;position:relative;height:260px;background-image:linear-gradient(180deg,rgba(0,40,50,0) 45%,rgba(0,27,39,.5) 100%),url('images/hero.png');background-size:cover;background-position:59% center}
  .hero-brandmark,.hero-tag{display:none}
  .mobile-hero-brand{position:absolute;top:18px;right:18px;display:flex;align-items:center;gap:8px;color:var(--ink);text-shadow:0 1px 10px rgba(255,255,255,.65)}
  .mobile-hero-brand>span{font-size:30px;font-weight:200;line-height:1;color:#fff}
  .mobile-hero-brand strong{font-family:'Nothing You Could Do',cursive;font-size:25px;font-weight:400}
  .mobile-hero-brand small{font-size:7px;letter-spacing:1.4px;line-height:1.55}
  .mobile-hero-tag{position:absolute;right:0;bottom:0;background:rgba(0,35,51,.82);color:#fff;padding:14px 18px;font-size:9px;letter-spacing:2.4px;line-height:1.7}

  .section{padding:42px 20px}
  .section-heading{display:block}
  .section h2{font-size:31px;line-height:1.03;letter-spacing:-1.6px}
  .heading-side{font-size:12px;line-height:1.45;padding-top:15px}
  .heading-side a{text-align:left;margin-top:10px}
  .service-grid{display:block;margin-top:22px}
  .service-card,.service-card:nth-child(3n+2),.service-card:nth-child(3n+3),.service-card:nth-child(n+4){min-height:0;display:grid;grid-template-columns:28px 40px minmax(0,1fr);gap:7px;padding:17px 0;border-left:0;border-bottom:1px solid var(--line)}
  .service-card:first-child{padding-top:10px}
  .service-card:last-child{border-bottom:0;padding-bottom:0}
  .service-card .number{font-size:11px;padding-top:3px}
  .icon svg{width:31px;height:31px}
  .service-card h3{font-size:15px;margin-bottom:5px}
  .service-card p{font-size:12px;line-height:1.35;margin-bottom:8px}
  .service-card p br{display:none}
  .service-card b{font-size:12px}
  .arrow{font-size:18px}

  .bundle{height:auto;display:flex;flex-direction:column;padding:38px 20px 35px;gap:0}
  .bundle-leaf{display:none}
  .bundle h2{font-size:30px;line-height:1.03;margin-bottom:12px}
  .bundle p{font-size:13px;line-height:1.4}
  .bundle p br{display:none}
  .bundle-price{border:0;border-top:1px solid #6a8a8e;margin-top:24px;padding:20px 0 0}
  .bundle-price p{font-size:12px}
  .bundle-price strong{font-size:20px}
  .bundle-list{border-top:1px solid #6a8a8e;margin-top:25px;padding:18px 0 0;font-size:10px;line-height:1.9}
  .star{position:absolute;right:20px;bottom:24px;font-size:49px}

  .why{display:block;padding-top:42px;padding-bottom:42px}
  .why-intro{padding-right:6px}
  .why-intro h2{font-size:31px;line-height:.98;letter-spacing:-1.5px;margin-bottom:17px}
  .why-intro>p:last-child{font-size:12px;line-height:1.4}
  .why-intro>p:last-child br{display:none}
  .why-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-top:31px;padding-top:0}
  .why-grid article{min-height:150px;padding:0 15px 22px 0;margin-right:14px;border-left:0;border-top:1px solid var(--line);padding-top:18px}
  .why-grid article:nth-child(even){border-left:1px solid var(--line);padding-left:15px;margin-right:0}
  .why-icon svg{width:31px;height:31px}
  .why-icon{height:42px}
  .why-grid h3{font-size:15px;margin-bottom:8px}
  .why-grid p{font-size:12px;line-height:1.4}
  .why-grid p br{display:none}

  .home-banner{height:284px;padding:0 20px;align-items:flex-start;background-position:64% center}
  .home-banner:before{background:linear-gradient(90deg,rgba(246,233,220,.82) 0%,rgba(246,233,220,.28) 58%,rgba(246,233,220,.03) 100%)}
  .home-copy{padding-top:37px}
  .home-copy h2{font-size:31px;line-height:.98;max-width:270px}
  .home-tag{position:absolute;right:20px;bottom:22px;font-size:10px;letter-spacing:2.3px}

  .contact{display:block;padding-top:42px;padding-bottom:37px}
  .contact h2{font-size:33px;line-height:.98;letter-spacing:-1.7px;margin-bottom:17px}
  .contact-title>p:last-child{font-size:12px;line-height:1.45}
  .contact-title>p:last-child br{display:none}
  .contact-info{border-left:0;border-top:1px solid var(--line);margin-top:28px;padding:22px 0 0;font-size:13px}
  .contact-info p{margin-bottom:14px}
  .contact-info b{font-size:20px;width:28px}
  .contact-cta{border-left:0;border-top:1px solid var(--line);margin-top:22px;padding:22px 0 0}
  .contact-cta .button{width:100%;padding:13px}
  .contact-cta p{font-size:12px;margin:12px 0 0}
  footer{padding:19px 20px 22px;display:flex;flex-direction:column;gap:10px;font-size:10px;line-height:1.45}
}

@media (min-width:600px) and (max-width:899px){
  .hero-copy{padding-left:8%;padding-right:8%}
  .mobile-hero-media{height:320px;background-position:center 45%}
  .section,.contact{padding-left:8%;padding-right:8%}
  .service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
  .service-card,.service-card:nth-child(3n+2),.service-card:nth-child(3n+3),.service-card:nth-child(n+4){border-left:0}
  .bundle{padding-left:8%;padding-right:8%}
  .why{display:grid;grid-template-columns:38% 62%}
  .why-grid{margin-top:0}
  .home-banner{padding-left:14%;padding-right:14%}
}