@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700&display=swap');
:root{--primary:#245783;--primary-dark:#163e62;--accent:#e9f1f8;--ink:#252b31;--muted:#66717b;--paper:#fff;--soft:#f7f5f0;--line:#dce2e7;--heading-font:'Poppins',Arial,sans-serif;--body-font:Arial,Helvetica,sans-serif;--radius:12px;--content:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.65 var(--body-font)}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{width:min(var(--content),calc(100% - 40px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid #edf0f2;backdrop-filter:blur(12px)}.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{width:100px;height:auto}.nav-links{display:flex;align-items:center;gap:25px;font-size:16px;font-weight:600;color:#303941;white-space:nowrap}.nav-links a:hover,.nav-links a.active{color:var(--primary)}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:30px;padding:12px 22px;background:var(--primary);color:white;font-weight:600;font-size:15px;box-shadow:0 4px 12px #24578324;transition:.2s}.btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.menu-toggle{display:none;background:white;border:1px solid var(--line);border-radius:8px;padding:8px 12px;font-size:22px}.hero{padding:68px 0 56px;background:linear-gradient(115deg,#f8fafc 0%,#fff 60%,#eef4f8 100%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:54px}.eyebrow{display:inline-block;color:var(--primary);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:15px}.hero h1{font:700 clamp(38px,5vw,62px)/1.12 var(--heading-font);letter-spacing:-.025em;margin:0 0 20px;color:var(--primary)}.hero p{max-width:570px;color:#58636d;margin:0 0 28px}.hero-media{position:relative}.hero-media img{width:100%;max-height:400px;object-fit:contain;filter:drop-shadow(0 18px 28px #182b3a12)}.hero-note{position:absolute;bottom:8px;left:0;background:white;border:1px solid #e9edf0;border-radius:10px;padding:12px 16px;box-shadow:0 10px 30px #1c2e3e12;font-size:12px;color:var(--muted)}.hero-note strong{display:block;color:var(--primary);font-size:14px}.section{padding:76px 0}.section.soft{background:var(--soft)}.section-head{max-width:690px;margin:0 auto 38px;text-align:center}.section-head h2{font:600 clamp(30px,3.7vw,43px)/1.15 var(--heading-font);margin:0 0 14px;color:var(--primary-dark)}.section-head p{color:var(--muted);margin:0}.about-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.about-grid img{width:100%;border-radius:var(--radius);object-fit:cover}.about-copy h2{font:600 38px/1.15 var(--heading-font);margin:0 0 18px;color:var(--primary-dark)}.about-copy p{color:var(--muted)}.feature-list{list-style:none;margin:22px 0;padding:0}.feature-list li{padding:9px 0 9px 27px;position:relative}.feature-list li:before{content:'›';position:absolute;left:4px;top:5px;color:var(--primary);font-size:22px;font-weight:700}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;max-width:800px;margin:auto}.product-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:white;transition:.2s}.product-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px #1d354411}.product-card img{width:100%;height:220px;object-fit:contain;background:#f7f8f9;padding:18px}.product-card-body{padding:20px 22px}.product-card h3{font:600 25px var(--heading-font);margin:0 0 8px;color:var(--primary-dark)}.product-card p{font-size:14px;color:var(--muted);margin:0 0 16px}.text-link{font-size:13px;font-weight:700;color:var(--primary)}.quote{background:var(--primary-dark);color:white;padding:58px 20px;text-align:center}.quote blockquote{max-width:820px;margin:0 auto;font:500 clamp(24px,3.5vw,36px)/1.35 var(--heading-font)}.quote cite{display:block;font:500 13px var(--body-font);color:#d3e3ef;margin-top:18px;font-style:normal}.event-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.event-grid img{width:100%;height:205px;object-fit:cover;border-radius:10px}.press-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.press-card{min-height:100px;border:1px solid var(--line);border-radius:10px;padding:18px;display:flex;align-items:center;justify-content:center;background:white}.press-card img{max-width:100%;max-height:48px;object-fit:contain}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.testimonial{border:1px solid var(--line);border-radius:12px;padding:24px;background:white}.testimonial p{font-size:14px;color:var(--muted)}.testimonial strong{font-size:13px}.page-hero{padding:46px 0;background:#f5f8fa;border-bottom:1px solid var(--line)}.page-hero h1{font:600 42px var(--heading-font);margin:0 0 8px;color:var(--primary-dark)}.page-hero p{margin:0;color:var(--muted)}.business-image{width:100%;max-height:330px;object-fit:contain;background:#f6f7f7;border-radius:12px;padding:18px}.spec-table{width:100%;border-collapse:collapse;margin:28px 0}.spec-table td,.spec-table th{padding:14px;border:1px solid #cbd2d8;text-align:left}.spec-table img{width:140px;max-height:80px;object-fit:contain}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.contact-box{padding:26px;background:var(--soft);border-radius:12px}.contact-box h3{margin-top:0;font:600 26px var(--heading-font);color:var(--primary-dark)}.site-footer{background:#f6f3ed;padding:48px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:32px}.footer-brand img{width:82px;margin-bottom:16px}.site-footer h4{font:600 19px var(--heading-font);margin:0 0 14px;color:var(--primary-dark)}.site-footer p,.site-footer a{font-size:13px;color:#59636b}.footer-links{display:grid;gap:8px}.qr{width:78px;margin-top:12px}.tag{display:inline-block;background:var(--accent);color:var(--primary);padding:5px 10px;border-radius:20px;font-size:11px;font-weight:700}.content-narrow{max-width:900px;margin:auto}.content-narrow p{color:#59636b}.press-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.press-item{padding:20px;border:1px solid var(--line);border-radius:10px}.press-item img{height:45px;max-width:130px;object-fit:contain;margin-bottom:14px}.press-item h3{font:500 20px var(--heading-font);margin:0 0 6px;color:var(--primary-dark)}.press-item p{font-size:12px;color:var(--muted)}@media(max-width:850px){.nav{min-height:70px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:70px;left:0;right:0;padding:20px;background:white;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:16px}.nav-links.open{display:flex}.nav-links .btn{align-self:flex-start}.hero-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.hero{padding:48px 0}.hero-grid{gap:28px}.hero-media{max-width:620px;margin:auto}.section{padding:56px 0}.footer-grid{grid-template-columns:repeat(2,1fr)}.press-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.container{width:calc(100% - 28px)}.product-grid,.event-grid,.testimonial-grid,.press-list{grid-template-columns:1fr}.product-card img{height:190px}.footer-grid{grid-template-columns:1fr 1fr;gap:22px}.page-hero h1{font-size:34px}.hero h1{font-size:42px}.press-grid{grid-template-columns:repeat(2,1fr)}.event-grid img{height:220px}}

/* Subtle motion and entrance effects */
@media (prefers-reduced-motion: no-preference) {
  .hero h1, .hero .eyebrow, .hero p, .hero .btn, .hero .text-link { animation: rise-in .7s both; }
  .hero p { animation-delay: .08s; }
  .hero .btn, .hero .text-link { animation-delay: .14s; }
  .hero-media { animation: fade-in .9s .12s both; }
  .hero-media img { transition: transform .65s ease; }
  .hero-media:hover img { transform: translateY(-5px) scale(1.015); }
  .product-card, .testimonial, .press-card, .press-item { transition: transform .28s ease, box-shadow .28s ease; }
  .product-card:hover, .testimonial:hover, .press-card:hover, .press-item:hover { transform: translateY(-5px); box-shadow: 0 14px 32px #17334b16; }
  .event-grid img { transition: transform .35s ease, box-shadow .35s ease; }
  .event-grid img:hover { transform: scale(1.025); box-shadow: 0 12px 26px #17334b20; }
  .reveal { opacity: 0; transform: translateY(22px); transition: opacity .7s ease, transform .7s ease; }
  .reveal.is-visible { opacity: 1; transform: translateY(0); }
}
@keyframes rise-in { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } }
@keyframes fade-in { from { opacity: 0; transform: translateX(18px); } to { opacity: 1; transform: translateX(0); } }
@media (max-width: 1100px) { .nav-links { gap: 16px; font-size: 14px; } .brand img { width: 88px; } }
@media (max-width: 850px) { .nav-links { font-size: 16px; white-space: normal; } }


/* Stage 4: clearer navigation and visible motion */
.nav-links { font-size: 18px !important; gap: 22px; }
@media (max-width: 1100px) and (min-width: 851px) { .nav-links { font-size: 16px !important; gap: 14px; } }
@media (max-width: 850px) { .nav-links { font-size: 18px !important; } }
@media (prefers-reduced-motion: no-preference) {
  .hero h1, .hero .eyebrow, .hero p, .hero .btn, .hero .text-link { animation: rise-in .8s both; }
  .hero p { animation-delay: .12s; }
  .hero .btn, .hero .text-link { animation-delay: .2s; }
  .hero-media { animation: fade-in 1s .15s both; }
  .product-card, .testimonial, .press-card, .press-item { transition: transform .35s ease, box-shadow .35s ease; }
  .product-card:hover, .testimonial:hover, .press-card:hover, .press-item:hover { transform: translateY(-7px); box-shadow: 0 16px 34px #17334b20; }
  .event-grid img { transition: transform .4s ease, box-shadow .4s ease; }
  .event-grid img:hover { transform: scale(1.04); box-shadow: 0 12px 26px #17334b20; }
}


/* FINAL OVERRIDES: requested 18px navigation and subtle motion */
.nav-links,
.nav-links a:not(.btn) {
  font-size: 18px !important;
}
.nav-links a:not(.btn) {
  transition: color .3s ease, transform .3s ease;
}
.nav-links a:not(.btn):hover {
  color: var(--primary);
  transform: translateY(-2px);
}
.btn {
  transition: background-color .3s ease, transform .3s ease, box-shadow .3s ease;
}
.btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 20px #24578335;
}
.hero-media img {
  transition: transform .6s ease;
}
.hero-media:hover img {
  transform: translateY(-5px) scale(1.025);
}
.product-card, .testimonial, .press-card, .press-item {
  transition: transform .3s ease, box-shadow .3s ease;
}
.product-card:hover, .testimonial:hover, .press-card:hover, .press-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 14px 32px #17334b16;
}
@media (max-width: 850px) {
  .nav-links, .nav-links a:not(.btn) {
    font-size: 18px !important;
    white-space: normal;
  }
}

/* Contact form */
.contact-form{display:grid;gap:9px;margin-top:18px}.contact-form label{font-size:14px;font-weight:600;color:var(--primary-dark)}.contact-form input,.contact-form textarea{width:100%;font:16px/1.5 var(--body-font);padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid #24578355;border-color:var(--primary)}.contact-form textarea{resize:vertical}.contact-form .btn{justify-self:start;cursor:pointer;margin-top:8px}.form-note{font-size:12px;color:var(--muted);margin-top:14px}.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}


/* FINAL ANIMATION + NAVIGATION UPDATE */
.nav-links { font-size: 18px !important; }
.nav-links a:not(.btn) {
  font-size: 18px !important;
  transition: color .28s ease, transform .28s ease;
}
.nav-links a:not(.btn):hover {
  color: var(--primary);
  transform: translateY(-2px);
}
.btn {
  transition: background-color .3s ease, transform .3s ease, box-shadow .3s ease;
}
.btn:hover {
  background: var(--primary-dark);
  transform: translateY(-3px);
  box-shadow: 0 8px 20px #24578335;
}
.hero-media img {
  transition: transform .65s ease;
}
.hero-media:hover img {
  transform: translateY(-5px) scale(1.025);
}
.product-card, .testimonial, .press-card, .press-item {
  transition: transform .3s ease, box-shadow .3s ease;
}
.product-card:hover, .testimonial:hover, .press-card:hover, .press-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 14px 32px #17334b16;
}
.event-grid img {
  transition: transform .35s ease, box-shadow .35s ease;
}
.event-grid img:hover {
  transform: scale(1.025);
  box-shadow: 0 12px 26px #17334b20;
}
@media (prefers-reduced-motion: no-preference) {
  .hero .eyebrow { animation: kitosys-rise-in .65s both; }
  .hero h1 { animation: kitosys-rise-in .75s .06s both; }
  .hero p { animation: kitosys-rise-in .75s .13s both; }
  .hero .btn, .hero .text-link { animation: kitosys-rise-in .75s .2s both; }
  .hero-media { animation: kitosys-fade-in .9s .1s both; }
  .reveal {
    opacity: 0;
    transform: translateY(22px);
    transition: opacity .7s ease, transform .7s ease;
  }
  .reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes kitosys-rise-in {
  from { opacity: 0; transform: translateY(18px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes kitosys-fade-in {
  from { opacity: 0; transform: translateX(18px); }
  to { opacity: 1; transform: translateX(0); }
}
@media (max-width: 850px) {
  .nav-links, .nav-links a:not(.btn) {
    font-size: 18px !important;
    white-space: normal;
  }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}


/* CONTACT FORM LAYOUT FIX */
.contact-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 14px;
  align-items: start;
}
.contact-form label {
  display: block;
  margin: 2px 0 0;
  color: var(--ink);
  font-size: 14px;
  font-weight: 600;
}
.contact-form input,
.contact-form textarea {
  width: 100%;
  min-width: 0;
  padding: 12px 13px;
  border: 1px solid #cbd5dd;
  border-radius: 8px;
  background: #fff;
  color: var(--ink);
  font: 15px/1.5 var(--body-font);
  outline: none;
  transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}
.contact-form input:focus,
.contact-form textarea:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 3px #24578320;
}
.contact-form textarea {
  min-height: 150px;
  resize: vertical;
  grid-column: 1 / -1;
}
.contact-form label[for="contact-message"],
.contact-form .form-trap,
.contact-form button {
  grid-column: 1 / -1;
}
.contact-form .form-trap {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.contact-form button {
  justify-self: start;
  cursor: pointer;
}
.form-note {
  margin: 16px 0 0;
  color: var(--muted);
  font-size: 13px;
}
.contact-box {
  min-width: 0;
}
@media (max-width: 600px) {
  .contact-form { grid-template-columns: 1fr; }
  .contact-form label,
  .contact-form input,
  .contact-form textarea,
  .contact-form .form-trap,
  .contact-form button { grid-column: 1 / -1; }
}

/* More visible but restrained page entrance and scroll motion */
@media (prefers-reduced-motion: no-preference) {
  main > .page-hero .container {
    animation: kitosys-page-intro .7s ease-out both;
  }
  main > .section > .container > .contact-grid,
  main > .section > .container > .product-grid,
  main > .section > .container > .event-grid,
  main > .section > .container > .testimonial-grid,
  main > .section > .container > .press-grid {
    animation: kitosys-page-intro .85s .12s ease-out both;
  }
  .contact-box {
    transition: transform .3s ease, box-shadow .3s ease;
  }
  .contact-box:hover {
    box-shadow: 0 12px 30px #17334b12;
  }
}
@keyframes kitosys-page-intro {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}