/* =============================================
   RecyLine Machinery — model-02 Light International
   Design DNA: white base, navy, teal accent,
   Plus Jakarta Sans, full-bleed hero, card grid,
   solid rectangular CTA, translateY reveal
   ============================================= */

/* ── Custom Properties ── */
:root{
  --color-bg:      #FFFFFF;
  --color-surface: #F4F6F9;
  --color-navy:    #0C2340;
  --color-navy-d:  #071628;
  --color-teal:    #008F6E;
  --color-teal-d:  #006D54;
  --color-amber:   #E87D18;
  --color-border:  #DDE2EA;
  --color-text:    #1A2230;
  --color-muted:   #6B7785;
  --color-white:   #FFFFFF;
  --font-display:  'Plus Jakarta Sans', sans-serif;
  --font-body:     'Inter', sans-serif;
  --container-w:   75vw;
  --radius-sm:     4px;
  --ease-out:      cubic-bezier(0.22, 1, 0.36, 1);
}

/* ── Reset ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{font-family:var(--font-body);font-size:0.9375vw;color:var(--color-text);background:var(--color-bg);overflow-x:hidden;line-height:1.7;}
img{display:block;max-width:100%;height:auto;}
a{color:inherit;text-decoration:none;}
button{cursor:pointer;background:none;border:none;font-family:inherit;}
ul{list-style:none;}

/* ── Container ── */
.index_container{width:var(--container-w);margin-left:auto;margin-right:auto;}

/* ── Section Head ── */
.index_section-head{text-align:center;margin-bottom:3.125vw;max-width:46.875vw;margin-left:auto;margin-right:auto;}
.index_section-head.index_section-head--light{max-width:52.08333vw;}
.index_section-title{font-family:var(--font-display);font-size:2.60417vw;font-weight:800;color:var(--color-navy);line-height:1.1;letter-spacing:-0.02em;}
.index_section-title--white{color:var(--color-white);}
.index_section-sub{font-size:0.9375vw;line-height:1.75;color:var(--color-muted);margin-top:0.83333vw;}
.index_section-sub--light{color:rgba(255,255,255,0.65);}

/* ── Eyebrow ── */
.index_eyebrow{display:inline-block;font-family:var(--font-display);font-size:0.72917vw;font-weight:700;text-transform:uppercase;letter-spacing:0.12em;color:var(--color-teal);margin-bottom:0.83333vw;}

/* ── Buttons ── */
.index_btn{display:inline-flex;align-items:center;gap:0.52083vw;height:3.125vw;padding:0 2.08333vw;font-family:var(--font-display);font-size:0.78125vw;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;border:2px solid transparent;border-radius:var(--radius-sm);transition:background 0.25s,color 0.25s,border-color 0.25s,box-shadow 0.25s;white-space:nowrap;}
.index_btn--navy{background:var(--color-navy);color:var(--color-white);border-color:var(--color-navy);}
.index_btn--navy:hover{background:var(--color-navy-d);border-color:var(--color-navy-d);box-shadow:0 0.52083vw 1.5625vw rgba(12,35,64,0.25);}
.index_btn--white{background:var(--color-white);color:var(--color-navy);border-color:var(--color-white);}
.index_btn--white:hover{background:rgba(255,255,255,0.9);}
.index_btn--outline-white{background:transparent;color:var(--color-white);border-color:rgba(255,255,255,0.6);}
.index_btn--outline-white:hover{background:var(--color-white);color:var(--color-navy);border-color:var(--color-white);}
.index_btn--teal{background:var(--color-teal);color:var(--color-white);border-color:var(--color-teal);}
.index_btn--teal:hover{background:var(--color-teal-d);border-color:var(--color-teal-d);box-shadow:0 0.52083vw 1.5625vw rgba(0,143,110,0.3);}
.index_btn--lg{height:3.64583vw;padding:0 2.60417vw;font-size:0.83333vw;}
.index_btn--full{width:100%;justify-content:center;height:3.64583vw;font-size:0.9375vw;}

/* ── Reveal Animation ── */
.reveal{opacity:0;transform:translateY(1.5625vw);transition:opacity 0.7s var(--ease-out),transform 0.7s var(--ease-out);}
.reveal.is-visible{opacity:1;transform:translateY(0);}

/* ============================================= */
/* NAVBAR                                        */
/* ============================================= */
.navbar{position:sticky;top:0;z-index:300;background:var(--color-white);border-bottom:1px solid var(--color-border);transition:box-shadow 0.3s;}
.navbar.scrolled{box-shadow:0 0.10417vw 1.04167vw rgba(12,35,64,0.10);}
.navbar-inner{width:var(--container-w);margin:auto;height:4.6875vw;display:flex;align-items:center;gap:2.08333vw;}
.navbar-logo{display:flex;align-items:center;gap:0.625vw;flex-shrink:0;}
.navbar-logo-mark{width:2.08333vw;height:2.08333vw;background:var(--color-navy);color:#fff;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:0.72917vw;font-weight:800;letter-spacing:0.04em;flex-shrink:0;}
.navbar-logo-text{font-family:var(--font-display);font-size:1.04167vw;font-weight:800;color:var(--color-navy);}
.navbar-nav{display:flex;align-items:center;gap:2.08333vw;margin-left:auto;}
.navbar-nav-link{font-family:var(--font-display);font-size:0.78125vw;font-weight:600;color:var(--color-text);transition:color 0.2s;}
.navbar-nav-link:hover{color:var(--color-teal);}
.navbar-search-mobile{display:none;}
.navbar-end{display:flex;align-items:center;gap:1.04167vw;flex-shrink:0;}
.navbar-search-btn{width:2.34375vw;height:2.34375vw;display:flex;align-items:center;justify-content:center;color:var(--color-muted);border-radius:var(--radius-sm);transition:color 0.2s,background 0.2s;}
.navbar-search-btn:hover{color:var(--color-navy);background:var(--color-surface);}
.navbar-search-btn i,.navbar-search-btn .ti{font-size:1.14583vw;}
.navbar-toggle{display:none;flex-direction:column;gap:0.3125vw;width:2.08333vw;}
.navbar-toggle span{display:block;height:2px;background:var(--color-navy);border-radius:2px;transition:transform 0.3s,opacity 0.3s;}
.navbar-toggle.is-open span:nth-child(1){transform:translateY(0.41667vw) rotate(45deg);}
.navbar-toggle.is-open span:nth-child(2){opacity:0;}
.navbar-toggle.is-open span:nth-child(3){transform:translateY(-0.41667vw) rotate(-45deg);}

/* ============================================= */
/* HERO                                          */
/* ============================================= */
.index_hero{position:relative;height:calc(100vh - 4.6875vw);display:flex;align-items:center;overflow:hidden;}
.index_hero-bg{position:absolute;inset:0;background-image:url('../images/index_hero_bg.webp');background-size:cover;background-position:center;transform:scale(1.04);transition:transform 8s ease-out;}
.index_hero-bg.loaded{transform:scale(1);}
.index_hero-overlay{position:absolute;inset:0;background:linear-gradient(120deg,rgba(7,22,40,0.82) 0%,rgba(12,35,64,0.60) 50%,rgba(12,35,64,0.35) 100%);}
.index_hero > .index_container{position:relative;z-index:2;}
.index_hero-content{max-width:44vw;}
.index_hero-tag{display:inline-block;font-family:var(--font-display);font-size:0.72917vw;font-weight:700;text-transform:uppercase;letter-spacing:0.16em;color:var(--color-teal);background:rgba(0,143,110,0.12);border:1px solid rgba(0,143,110,0.3);padding:0.36458vw 0.9375vw;border-radius:var(--radius-sm);margin-bottom:1.5625vw;}
.index_hero-content h1{font-family:var(--font-display);font-size:4.6875vw;font-weight:800;line-height:1.06;letter-spacing:-0.025em;color:var(--color-white);margin-bottom:1.5625vw;}
.index_hero-sub{font-size:1.04167vw;line-height:1.7;color:rgba(255,255,255,0.75);margin-bottom:2.60417vw;max-width:36.45833vw;}
.index_hero-actions{display:flex;align-items:center;gap:1.04167vw;}

/* ============================================= */
/* PRODUCTS                                      */
/* ============================================= */
.index_products{background:var(--color-bg);padding:5.72917vw 0;}
.index_products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5625vw;}
.index_product-card{background:var(--color-white);border:1px solid var(--color-border);overflow:hidden;transition:transform 0.35s var(--ease-out),box-shadow 0.35s var(--ease-out);}
.index_product-card:hover{transform:translateY(-0.3125vw);box-shadow:0 1.04167vw 2.60417vw rgba(12,35,64,0.12);}
.index_product-card-img{height:13.02083vw;overflow:hidden;}
.index_product-card-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.55s var(--ease-out);}
.index_product-card:hover .index_product-card-img img{transform:scale(1.05);}
.index_product-card-body{padding:1.5625vw;}
.index_product-card-body h3{font-family:var(--font-display);font-size:1.04167vw;font-weight:700;color:var(--color-navy);line-height:1.3;margin-bottom:0.625vw;}
.index_product-card-body p{font-size:0.78125vw;line-height:1.7;color:var(--color-muted);margin-bottom:1.04167vw;}
.index_learn-more{display:inline-flex;align-items:center;gap:0.36458vw;font-family:var(--font-display);font-size:0.78125vw;font-weight:700;color:var(--color-teal);transition:gap 0.2s,color 0.2s;}
.index_learn-more:hover{gap:0.625vw;color:var(--color-teal-d);}
.index_learn-more .ti{font-size:0.9375vw;}

/* ============================================= */
/* ABOUT                                         */
/* ============================================= */
.index_about{background:var(--color-surface);padding:5.72917vw 0;}
.index_about-grid{display:grid;grid-template-columns:1fr 1fr;gap:4.6875vw;align-items:center;margin-bottom:3.64583vw;}
.index_about-visual{height:27.60417vw;overflow:hidden;}
.index_about-visual img{width:100%;height:100%;object-fit:cover;}
.index_about-copy .index_section-title{text-align:left;margin-bottom:1.25vw;}
.index_about-copy p{font-size:0.9375vw;line-height:1.75;color:var(--color-muted);margin-bottom:1.04167vw;}
.index_about-copy .index_btn{margin-top:0.83333vw;}
.index_about-stats{display:grid;grid-template-columns:repeat(4,1fr);background:var(--color-white);border:1px solid var(--color-border);}
.index_about-stat{padding:2.08333vw;text-align:center;border-right:1px solid var(--color-border);}
.index_about-stat:last-child{border-right:0;}
.index_about-stat strong{display:block;font-family:var(--font-display);font-size:3.125vw;font-weight:800;color:var(--color-teal);line-height:1;margin-bottom:0.41667vw;}
.index_about-stat span{font-family:var(--font-display);font-size:0.72917vw;font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:0.08em;}

/* ============================================= */
/* SERVICES                                      */
/* ============================================= */
.index_services{background:var(--color-navy);padding:5.72917vw 0;}
.index_services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5625vw;margin-top:0;}
.index_service-card{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.09);padding:2.08333vw;transition:background 0.3s,border-color 0.3s,transform 0.3s var(--ease-out);}
.index_service-card:hover{background:rgba(255,255,255,0.08);border-color:rgba(0,143,110,0.5);transform:translateY(-0.20833vw);}
.index_service-icon{width:3.125vw;height:3.125vw;display:flex;align-items:center;justify-content:center;color:var(--color-teal);margin-bottom:1.04167vw;}
.index_service-icon .ti{font-size:2.08333vw;}
.index_service-card h3{font-family:var(--font-display);font-size:1.14583vw;font-weight:700;color:var(--color-white);margin-bottom:0.625vw;line-height:1.3;}
.index_service-card p{font-size:0.83333vw;line-height:1.75;color:rgba(255,255,255,0.6);}

/* ============================================= */
/* CONTACT                                       */
/* ============================================= */
.index_contact{background:var(--color-surface);padding:5.72917vw 0;}
.index_contact-box{display:grid;grid-template-columns:1fr 1.4fr;gap:4.6875vw;background:var(--color-white);border:1px solid var(--color-border);padding:3.64583vw;margin-top:3.125vw;}
.index_contact-lead h3{font-family:var(--font-display);font-size:1.5625vw;font-weight:800;color:var(--color-navy);line-height:1.2;margin-bottom:1.04167vw;}
.index_contact-lead p{font-size:0.9375vw;line-height:1.75;color:var(--color-muted);margin-bottom:2.08333vw;}
.index_contact-info{display:flex;flex-direction:column;gap:0.83333vw;}
.index_contact-info li{display:flex;align-items:center;gap:0.625vw;font-size:0.83333vw;color:var(--color-muted);}
.index_contact-info .ti{font-size:1.04167vw;color:var(--color-teal);flex-shrink:0;}
.index_contact-info a:hover{color:var(--color-teal);}
.index_form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.04167vw;}
.index_field{display:flex;flex-direction:column;gap:0.36458vw;margin-bottom:1.04167vw;}
.index_field label{font-family:var(--font-display);font-size:0.72917vw;font-weight:700;color:var(--color-navy);text-transform:uppercase;letter-spacing:0.08em;}
.index_contact-form input,
.index_contact-form textarea{width:100%;border:1px solid var(--color-border);background:var(--color-white);padding:0 1.04167vw;font-family:var(--font-body);font-size:0.83333vw;color:var(--color-text);outline:none;border-radius:var(--radius-sm);transition:border-color 0.25s,box-shadow 0.25s;-webkit-appearance:none;appearance:none;}
.index_contact-form input{height:3.125vw;}
.index_contact-form textarea{padding-top:0.83333vw;resize:vertical;}
.index_contact-form input:focus,
.index_contact-form textarea:focus{border-color:var(--color-teal);box-shadow:0 0 0 3px rgba(0,143,110,0.1);}
.index_contact-form input::placeholder,
.index_contact-form textarea::placeholder{color:var(--color-muted);}

/* ============================================= */
/* NEWS                                          */
/* ============================================= */
.index_news{background:var(--color-bg);padding:5.72917vw 0;}
.index_news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5625vw;margin-top:3.125vw;}
.index_news-card{border:1px solid var(--color-border);overflow:hidden;background:var(--color-white);transition:box-shadow 0.35s var(--ease-out);}
.index_news-card:hover{box-shadow:0 1.04167vw 2.60417vw rgba(12,35,64,0.10);}
.index_news-card-img{height:17.1875vw;overflow:hidden;}
.index_news-card-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.55s var(--ease-out);}
.index_news-card:hover .index_news-card-img img{transform:scale(1.04);}
.index_news-card-body{padding:1.5625vw 2.08333vw 2.08333vw;}
.index_news-tag{display:inline-block;background:var(--color-amber);color:#fff;font-family:var(--font-display);font-size:0.625vw;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;padding:0.26042vw 0.625vw;border-radius:var(--radius-sm);margin-bottom:0.83333vw;}
.index_news-card h3{font-family:var(--font-display);font-size:1.35417vw;font-weight:700;color:var(--color-navy);line-height:1.3;margin-bottom:0.83333vw;}
.index_news-card p{font-size:0.83333vw;line-height:1.75;color:var(--color-muted);margin-bottom:1.25vw;}
.index_news-card-footer{display:flex;align-items:center;justify-content:space-between;}
.index_news-date{display:flex;align-items:center;gap:0.36458vw;font-size:0.72917vw;color:var(--color-muted);}
.index_news-date .ti{font-size:0.9375vw;}
.index_news-read{display:inline-flex;align-items:center;gap:0.36458vw;font-family:var(--font-display);font-size:0.78125vw;font-weight:700;color:var(--color-teal);transition:gap 0.2s;}
.index_news-read:hover{gap:0.625vw;}
.index_news-read .ti{font-size:0.9375vw;}

/* ============================================= */
/* FOOTER                                        */
/* ============================================= */
.index_footer{background:var(--color-navy);padding:4.6875vw 0 0;}
.index_footer-top{display:grid;grid-template-columns:1.2fr 2fr;gap:4.6875vw;padding-bottom:3.64583vw;border-bottom:1px solid rgba(255,255,255,0.1);}
.index_footer-logo{display:flex;align-items:center;gap:0.625vw;font-family:var(--font-display);font-size:1.14583vw;font-weight:800;color:var(--color-white);margin-bottom:1.04167vw;}
.index_footer-mark{width:2.08333vw;height:2.08333vw;background:var(--color-teal);color:#fff;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:0.72917vw;font-weight:800;flex-shrink:0;}
.index_footer-brand p{font-size:0.83333vw;line-height:1.75;color:rgba(255,255,255,0.55);margin-bottom:1.5625vw;}
.index_footer-contact{display:flex;flex-direction:column;gap:0.52083vw;}
.index_footer-contact a{display:flex;align-items:center;gap:0.52083vw;font-size:0.83333vw;color:rgba(255,255,255,0.55);transition:color 0.2s;}
.index_footer-contact a:hover{color:var(--color-teal);}
.index_footer-contact .ti{font-size:1.04167vw;color:var(--color-teal);}
.index_footer-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:2.08333vw;}
.index_footer-col h3{font-family:var(--font-display);font-size:0.78125vw;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:rgba(255,255,255,0.35);margin-bottom:1.04167vw;}
.index_footer-col a{display:block;font-size:0.83333vw;color:rgba(255,255,255,0.6);line-height:1.5;margin-bottom:0.52083vw;transition:color 0.2s;}
.index_footer-col a:hover{color:var(--color-teal);}
.index_footer-bottom{padding:1.25vw 0;display:flex;align-items:center;justify-content:space-between;}
.index_footer-bottom p,.index_footer-bottom span{font-size:0.72917vw;color:rgba(255,255,255,0.35);}
.index_footer-bottom a{color:var(--color-teal);}
.index_footer-bottom a:hover{text-decoration:underline;}

/* ============================================= */
/* SEARCH MODAL                                  */
/* ============================================= */
.search-modal{position:fixed;inset:0;z-index:500;background:rgba(7,22,40,0.7);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.3s;}
.search-modal.is-open{opacity:1;pointer-events:auto;}
.search-modal-content{background:var(--color-white);padding:2.60417vw;width:40vw;position:relative;border-radius:var(--radius-sm);}
.search-modal-close{position:absolute;top:1.04167vw;right:1.04167vw;font-size:1.5625vw;color:var(--color-muted);transition:color 0.2s;}
.search-modal-close:hover{color:var(--color-navy);}
.search-modal-content h3{font-family:var(--font-display);font-size:1.25vw;font-weight:700;color:var(--color-navy);margin-bottom:1.04167vw;}
.search-modal-content form{display:flex;gap:0.52083vw;}
.search-modal-content input{flex:1;height:3.125vw;border:1px solid var(--color-border);padding:0 1.04167vw;font-family:var(--font-body);font-size:0.9375vw;border-radius:var(--radius-sm);outline:none;transition:border-color 0.25s;}
.search-modal-content input:focus{border-color:var(--color-teal);}
.search-modal-content button[type="submit"]{width:3.125vw;height:3.125vw;background:var(--color-navy);color:#fff;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:background 0.2s;}
.search-modal-content button[type="submit"]:hover{background:var(--color-teal);}
.search-modal-content .ti{font-size:1.14583vw;}

/* ============================================= */
/* RESPONSIVE — 1200px                           */
/* ============================================= */
@media(max-width:1200px){
  :root{--container-w:84vw;}
  .index_products-grid{grid-template-columns:repeat(3,1fr);}
  .index_about-stats{grid-template-columns:repeat(4,1fr);}
  .index_footer-nav{grid-template-columns:repeat(3,1fr);}
}

/* ============================================= */
/* RESPONSIVE — 1024px                           */
/* ============================================= */
@media(max-width:1024px){
  :root{--container-w:90vw;}
  body{font-size:14px;}
  .navbar-inner{height:64px;}
  .navbar-logo-mark{width:32px;height:32px;font-size:11px;}
  .navbar-logo-text{font-size:16px;}
  .navbar-nav{display:none;position:fixed;inset:64px 0 0 0;background:var(--color-white);flex-direction:column;align-items:flex-start;padding:32px 24px;gap:0;overflow-y:auto;border-top:1px solid var(--color-border);z-index:299;}
  .navbar-nav.is-open{display:flex;}
  .navbar-nav-link{font-size:18px;font-weight:700;padding:14px 0;width:100%;border-bottom:1px solid var(--color-border);}
  .navbar-search-mobile{display:flex;gap:8px;width:100%;margin-top:20px;}
  .navbar-search-mobile input{flex:1;height:48px;border:1px solid var(--color-border);border-radius:4px;padding:0 14px;font-size:15px;outline:none;}
  .navbar-search-mobile button{width:48px;height:48px;background:var(--color-navy);color:#fff;border-radius:4px;display:flex;align-items:center;justify-content:center;}
  .navbar-search-mobile .ti{font-size:18px;}
  .navbar-search-btn{width:36px;height:36px;}
  .navbar-search-btn .ti{font-size:18px;}
  .navbar-toggle{display:flex;}
  .navbar-end{gap:12px;}
  .index_btn{height:42px;padding:0 20px;font-size:12px;}
  .index_btn--full{height:52px;font-size:15px;}
  .index_btn--lg{height:48px;padding:0 24px;font-size:13px;}
  .index_section-title{font-size:32px;}
  .index_section-sub{font-size:15px;}
  .index_eyebrow{font-size:11px;}
  .index_hero{height:calc(100vh - 64px);}
  .index_hero-content{max-width:70vw;}
  .index_hero-tag{font-size:11px;padding:5px 12px;}
  .index_hero-content h1{font-size:54px;}
  .index_hero-sub{font-size:16px;max-width:none;}
  .index_hero-actions{flex-wrap:wrap;gap:12px;}
  .index_products{padding:72px 0;}
  .index_products-grid{grid-template-columns:repeat(2,1fr);gap:20px;}
  .index_product-card-img{height:180px;}
  .index_product-card-body{padding:20px;}
  .index_product-card-body h3{font-size:15px;}
  .index_product-card-body p{font-size:13px;}
  .index_learn-more{font-size:13px;}
  .index_section-head{margin-bottom:40px;}
  .index_about{padding:72px 0;}
  .index_about-grid{grid-template-columns:1fr;gap:32px;}
  .index_about-visual{height:320px;}
  .index_about-stats{grid-template-columns:repeat(2,1fr);}
  .index_about-stat{padding:24px;}
  .index_about-stat strong{font-size:40px;}
  .index_about-stat span{font-size:11px;}
  .index_about-stat:nth-child(2){border-right:0;}
  .index_about-stat:nth-child(3){border-top:1px solid var(--color-border);border-right:1px solid var(--color-border);}
  .index_about-stat:nth-child(4){border-top:1px solid var(--color-border);}
  .index_services{padding:72px 0;}
  .index_services-grid{grid-template-columns:repeat(2,1fr);gap:16px;}
  .index_service-card{padding:28px;}
  .index_service-icon{width:48px;height:48px;margin-bottom:14px;}
  .index_service-icon .ti{font-size:28px;}
  .index_service-card h3{font-size:16px;}
  .index_service-card p{font-size:13px;}
  .index_contact{padding:72px 0;}
  .index_contact-box{grid-template-columns:1fr;gap:32px;padding:36px;}
  .index_contact-lead h3{font-size:22px;}
  .index_contact-lead p{font-size:15px;}
  .index_contact-info{gap:12px;}
  .index_contact-info li{font-size:14px;}
  .index_contact-info .ti{font-size:16px;}
  .index_field label{font-size:11px;}
  .index_contact-form input,.index_contact-form select{height:48px;font-size:14px;}
  .index_contact-form textarea{font-size:14px;}
  .index_news{padding:72px 0;}
  .index_news-grid{grid-template-columns:1fr;gap:20px;margin-top:40px;}
  .index_news-card-img{height:220px;}
  .index_news-card-body{padding:24px;}
  .index_news-tag{font-size:10px;}
  .index_news-card h3{font-size:20px;}
  .index_news-card p{font-size:14px;}
  .index_news-date{font-size:12px;}
  .index_news-read{font-size:13px;}
  .index_footer{padding:56px 0 0;}
  .index_footer-top{grid-template-columns:1fr;gap:40px;}
  .index_footer-logo{font-size:18px;}
  .index_footer-brand p{font-size:14px;}
  .index_footer-contact a{font-size:14px;}
  .index_footer-nav{grid-template-columns:repeat(3,1fr);}
  .index_footer-col h3{font-size:12px;}
  .index_footer-col a{font-size:13px;}
  .index_footer-bottom{padding:18px 0;flex-direction:column;gap:8px;align-items:center;}
  .index_footer-bottom p,.index_footer-bottom span{font-size:12px;}
  .search-modal-content{width:80vw;padding:32px;}
  .search-modal-content h3{font-size:18px;}
  .search-modal-content input{height:48px;font-size:15px;}
  .search-modal-content button[type="submit"]{width:48px;height:48px;}
  .search-modal-content .ti{font-size:18px;}
  .search-modal-close{font-size:24px;}
  .reveal{transform:translateY(20px);}
}

/* ============================================= */
/* RESPONSIVE — 768px                            */
/* ============================================= */
@media(max-width:768px){
  .index_hero-content{max-width:100%;}
  .index_hero-content h1{font-size:36px;}
  .index_hero-sub{font-size:15px;}
  .index_products-grid{grid-template-columns:1fr 1fr;gap:16px;}
  .index_product-card-img{height:160px;}
  .index_services-grid{grid-template-columns:1fr;}
  .index_form-row{grid-template-columns:1fr;}
  .index_footer-nav{grid-template-columns:repeat(2,1fr);}
}

/* ============================================= */
/* RESPONSIVE — 480px                            */
/* ============================================= */
@media(max-width:480px){
  :root{--container-w:92vw;}
  .navbar-inner{height:56px;}
  .navbar-logo-text{font-size:14px;}
  .navbar-logo-mark{width:28px;height:28px;}
  .navbar-nav{inset:56px 0 0 0;}
  .index_btn.navbar-end .index_btn{display:none;}
  .index_hero-content h1{font-size:28px;letter-spacing:-0.01em;}
  .index_hero-sub{font-size:14px;margin-bottom:24px;}
  .index_hero-actions{flex-direction:column;align-items:flex-start;gap:10px;}
  .index_hero-actions .index_btn{width:100%;justify-content:center;}
  .index_hero{height:calc(100vh - 56px);}
  .index_section-title{font-size:24px;}
  .index_section-sub{font-size:14px;}
  .index_products-grid{grid-template-columns:1fr;gap:14px;}
  .index_product-card-img{height:200px;}
  .index_about-stats{grid-template-columns:repeat(2,1fr);}
  .index_contact-box{padding:24px 20px;}
  .index_contact-lead h3{font-size:18px;}
  .index_news-card-img{height:180px;}
  .index_news-card h3{font-size:17px;}
  .index_footer-nav{grid-template-columns:1fr 1fr;}
  .index_footer-mark{width:24px;height:24px;font-size:10px;}
}