:root{
    --navy:#12325f;
    --navy-deep:#0b1f3d;
    --orange:#ed7c2d;
    --orange-deep:#c25e14;
    --bg:#ffffff;
    --panel:#f6f8fb;
    --panel-line:#e3e8f0;
    --text:#0f2140;
    --muted:#5b6478;
    --muted-ondark:#9db0cc;
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  img{max-width:100%; height:auto;}
  body{background:#ffffff; color:var(--text); font-family:'Inter',sans-serif; overflow-x:hidden;}
  #particles-js, #hero-canvas { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: -1; background: transparent; pointer-events: none; }
  .wrap{max-width:1180px; margin:0 auto; padding:0 32px;}
  h1,h2,h3{font-family:'Space Grotesk',sans-serif; letter-spacing:-0.02em;}
  a{color:inherit; text-decoration:none;}
  .eyebrow{font-family:'JetBrains Mono',monospace; font-size:12px; letter-spacing:0.18em; text-transform:uppercase; color:var(--orange);}
  ::selection{background:var(--orange); color:#fff;}

  /* NAV */
  nav{position:sticky; top:0; z-index:50; background:rgba(255,255,255,0.92); backdrop-filter:blur(12px); border-bottom:1px solid var(--panel-line);}
  nav .wrap{display:flex; align-items:center; justify-content:space-between; height:88px;}
  .brand{display:flex; align-items:center; gap:12px;}
  .brand img{height:46px; width:auto;}
  .brand-text{font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:19px; line-height:1.15; color:var(--navy);}
  .brand-text span{color:var(--orange);}
  .navlinks{display:flex; gap:34px; font-size:14px; color:var(--muted); font-weight:500;}
  .navlinks a:hover{color:var(--navy);}
  .nav-cta{background:var(--orange); color:#fff; font-weight:600; font-size:13px; padding:11px 22px; border-radius:3px; transition:background .2s ease;}
  .nav-cta:hover{background:var(--orange-deep);}

  /* HERO */
  header.hero{padding:96px 0 80px; position:relative; overflow:hidden;}
  header.hero::before{
    content:""; position:absolute; inset:0;
    pointer-events:none;
  }
  .hero-grid{display:grid; grid-template-columns:1fr 1fr; gap:42px; align-items:center; position:relative;}
  .hero-eyebrow{display:flex; align-items:center; gap:9px; margin-bottom:20px;}
  .hero-eyebrow .dot{width:6px; height:6px; background:var(--orange); border-radius:50%;}
  h1.hero-title{font-size:clamp(36px,5vw,58px); font-weight:700; line-height:1.08; color:var(--navy);}
  h1.hero-title .accent{color:var(--orange);}
  .hero-sub{margin-top:24px; font-size:17px; line-height:1.65; color:var(--muted); max-width:480px;}
  .hero-actions{display:flex; gap:14px; margin-top:34px; flex-wrap:wrap; align-items:center;}
  .btn-primary{background:var(--orange); color:#fff; font-weight:600; font-size:14px; padding:15px 28px; border-radius:3px; display:inline-flex; align-items:center; gap:9px; transition:transform .2s ease, box-shadow .2s ease;}
  .btn-primary:hover{transform:translateY(-2px); box-shadow:0 14px 30px -10px rgba(237,124,45,0.5);}
  .btn-ghost{font-family:'JetBrains Mono',monospace; font-size:13px; color:var(--muted); display:inline-flex; align-items:center; gap:8px;}
  .btn-ghost:hover{color:var(--navy);}

  .hero-visual{background:var(--navy-deep); border:1px solid #1c3a68; border-radius:10px; padding:24px; position:relative; box-shadow:0 30px 70px -30px rgba(11,31,61,0.35);}
  .hero-visual::before{content:"AI SERVICE.FLOW"; position:absolute; top:-11px; left:20px; background:var(--bg); padding:0 8px; font-family:'JetBrains Mono',monospace; font-size:10px; letter-spacing:0.15em; color:var(--muted);}
  .stat-row{display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:18px;}
  .stat-box{border:1px solid #1c3a68; border-radius:6px; padding:14px 16px;}
  .stat-box .label{font-family:'JetBrains Mono',monospace; font-size:10px; color:var(--muted-ondark); letter-spacing:0.08em; text-transform:uppercase;}
  .stat-box .val{font-family:'Space Grotesk',sans-serif; font-size:25px; font-weight:700; margin-top:6px; color:#fff;}
  .stat-box .delta{font-family:'JetBrains Mono',monospace; font-size:11px; color:#5ed99a; margin-top:4px;}
  canvas#chart{width:100%; height:118px; display:block;}
  .chart-caption{display:flex; justify-content:space-between; font-family:'JetBrains Mono',monospace; font-size:10px; color:var(--muted-ondark); margin-top:8px;}

  /* ROBOT + CIRCUIT FLOW VISUAL */
  .robot-panel{padding:14px 6px 6px;}
  .robot-panel svg{width:100%; height:auto; display:block;}
  .rb-body{fill:none; stroke:#3a5c92; stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round;}
  .rb-body-fill{fill:#16294d; stroke:#3a5c92; stroke-width:2.5; stroke-linejoin:round;}
  .rb-joint{fill:#0e2140; stroke:#3a5c92; stroke-width:2;}
  .rb-eye{fill:#2f6fed; transform-origin:center; transform-box:fill-box;}
  .rb-visor{fill:#0e2140; stroke:#3a5c92; stroke-width:2;}
  .circuit-line{fill:none; stroke:#28497e; stroke-width:2; stroke-linecap:round;}
  .circuit-line-draw{fill:none; stroke:var(--orange); stroke-width:2; stroke-linecap:round;
    stroke-dasharray:220; stroke-dashoffset:220; animation:drawLine 1.8s ease forwards;}
  .circuit-node{fill:var(--orange); opacity:0; animation:popIn .4s ease forwards;}
  .service-pill{opacity:0; animation:popIn .4s ease forwards;}
  .service-pill rect{fill:#0e2140; stroke:#3a5c92; stroke-width:1.5;}
  .service-pill text{font-family:'JetBrains Mono',monospace; font-size:12px; fill:#dbe4f3;}
  .rb-palm-glow{opacity:0; animation:palmPulse 2.6s ease-in-out infinite; animation-delay:1.6s;}
  .rb-eye-flash{animation:eyeFlash 2.6s ease-in-out infinite; animation-delay:0.4s;}
  .rb-core-pulse{animation:corePulse 2.6s ease-in-out infinite;}

  @keyframes corePulse{ 0%,100%{opacity:0.75;} 50%{opacity:1;} }

  @keyframes drawLine{ to{stroke-dashoffset:0;} }
  @keyframes popIn{ from{opacity:0; transform:scale(0.6);} to{opacity:1; transform:scale(1);} }
  @keyframes palmPulse{ 0%,100%{opacity:0.15; r:6;} 50%{opacity:0.55; r:11;} }
  @keyframes eyeFlash{ 0%,38%,100%{fill:#2f6fed; r:4;} 45%{fill:#ffb35c; r:6;} 52%{fill:#2f6fed; r:4;} }

  /* MARQUEE */
  .marquee-wrap{border-top:1px solid var(--panel-line); border-bottom:1px solid var(--panel-line); padding:15px 0; overflow:hidden; background:rgba(246, 248, 251, 0.6); backdrop-filter:blur(4px);}
  .marquee{display:flex; gap:56px; white-space:nowrap; animation:scroll 26s linear infinite; width:max-content;}
  .marquee span{font-family:'JetBrains Mono',monospace; font-size:13px; color:var(--muted); letter-spacing:0.04em;}
  .marquee span b{color:var(--orange); font-weight:600;}
  @keyframes scroll{from{transform:translateX(0);} to{transform:translateX(-50%);}}

  section{padding:96px 0;}
  .section-head{max-width:620px; margin-bottom:52px;}
  .section-head h2{font-size:clamp(28px,3.4vw,40px); font-weight:700; margin-top:12px; color:var(--navy); line-height:1.15;}
  .section-head p{color:var(--muted); margin-top:14px; font-size:16px; line-height:1.6;}

  /* SERVICES */
  .services-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--panel-line); border:1px solid var(--panel-line); border-radius:8px; overflow:hidden;}
  .service{background:rgba(255, 255, 255, 0.7); backdrop-filter:blur(4px); padding:28px 22px; transition:background .2s ease;}
  .service:hover{background:rgba(246, 248, 251, 0.9);}
  .service .num{font-family:'JetBrains Mono',monospace; color:var(--orange); font-size:13px;}
  .service h3{font-size:17px; margin-top:12px; font-weight:600; color:var(--navy);}
  .service p{color:var(--muted); font-size:13.5px; margin-top:8px; line-height:1.55;}

  /* CYCLE (signature element) */
  .cycle-section{background:var(--panel); border-top:1px solid var(--panel-line); border-bottom:1px solid var(--panel-line);}
  .cycle-wrap{display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:20px; flex-wrap:wrap;}
  .cycle-step{flex:1; min-width:220px; background:rgba(255, 255, 255, 0.7); backdrop-filter:blur(4px); border:1px solid var(--panel-line); border-radius:10px; padding:32px 26px; position:relative;}
  .cycle-step .ci{font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:15px; color:var(--orange); letter-spacing:0.06em;}
  .cycle-step h3{font-size:21px; margin-top:12px; color:var(--navy);}
  .cycle-step p{color:var(--muted); font-size:14px; margin-top:10px; line-height:1.55;}
  .cycle-arrow{color:var(--orange); font-size:26px; font-family:'Space Grotesk'; flex-shrink:0;}
  @media (max-width:800px){ .cycle-arrow{transform:rotate(90deg);} }

  /* WHY */
  .why-grid{display:grid; grid-template-columns:repeat(5,1fr); gap:18px;}
  .why-card{border:1px solid var(--panel-line); border-radius:8px; padding:26px 20px; background:rgba(255, 255, 255, 0.7); backdrop-filter:blur(4px);}
  .why-card .icon{width:38px; height:38px; border:1px solid #f2d3b6; border-radius:50%; display:flex; align-items:center; justify-content:center; color:var(--orange); font-family:'Space Grotesk'; font-weight:700; margin-bottom:16px; background:#fff8f2;}
  .why-card h3{font-size:15px; font-weight:600; color:var(--navy);}
  .why-card p{color:var(--muted); font-size:13px; margin-top:8px; line-height:1.55;}

  /* STATS BAND */
  .stats-band{background:var(--navy-deep);}
  .stats-band .wrap{display:grid; grid-template-columns:0.8fr 1.2fr; gap:0; align-items:stretch;}
  .stats-band .exp-cell{padding:64px 24px; border-right:1px solid #1c3a68; text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center;}
  .stats-band .exp-cell .big{font-family:'Space Grotesk',sans-serif; font-size:56px; color:var(--orange); font-weight:700; line-height:1;}
  .stats-band .exp-cell .lbl{font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--muted-ondark); letter-spacing:0.12em; text-transform:uppercase; margin-top:12px;}
  .industries-cell{padding:56px 48px; display:flex; flex-direction:column; justify-content:center;}
  .industries-cell .ind-eyebrow{font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:0.16em; text-transform:uppercase; color:var(--orange); margin-bottom:16px;}
  .industries-cell h3{font-family:'Space Grotesk'; font-size:22px; color:#fff; font-weight:600; margin-bottom:22px;}
  .industry-tags{display:flex; flex-wrap:wrap; gap:12px;}
  .industry-tags span{font-family:'Inter'; font-size:14px; font-weight:500; color:#dbe4f3; border:1px solid #2a4a80; border-radius:20px; padding:9px 18px; background:rgba(255,255,255,0.02);}

  /* SEO CONTENT + FAQ */
  .seo-content-section{background:transparent;}
  .faq-section{padding:96px 0; background:rgba(246, 248, 251, 0.6); backdrop-filter:blur(4px); border-top:1px solid var(--panel-line);}
  .faq-grid{display:grid; grid-template-columns:1fr 1fr; gap:14px;}
  .faq-grid details{background:rgba(255, 255, 255, 0.7); backdrop-filter:blur(4px); border:1px solid var(--panel-line); border-radius:8px; padding:20px 22px;}
  .faq-grid summary{cursor:pointer; list-style:none; font-family:'Space Grotesk',sans-serif; font-weight:600; color:var(--navy); font-size:16px;}
  .faq-grid summary::-webkit-details-marker{display:none;}
  .faq-grid summary::after{content:'+'; float:right; color:var(--orange); font-size:20px;}
  .faq-grid details[open] summary::after{content:'−';}
  .faq-grid details p{color:var(--muted); font-size:14px; line-height:1.65; margin-top:12px;}
  @media (max-width:800px){.faq-grid{grid-template-columns:1fr;}}

  /* QUOTE */
  .quote-section{text-align:center; padding:100px 0;}
  .quote-section blockquote{font-family:'Space Grotesk'; font-size:clamp(22px,3vw,34px); font-weight:600; line-height:1.4; max-width:800px; margin:0 auto; color:var(--navy);}
  .quote-section blockquote .accent{color:var(--orange);}
  .quote-section cite{display:block; margin-top:22px; font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--muted); font-style:normal;}

  /* CTA */
  .cta-section{padding-top:0;}
  .cta-inner{background:var(--navy-deep); border-radius:12px; padding:60px 46px; text-align:center; position:relative; overflow:hidden;}
  .cta-inner::after{content:""; position:absolute; width:400px; height:400px; background:radial-gradient(circle, rgba(237,124,45,0.22), transparent 70%); top:-200px; right:-100px; pointer-events:none;}
  .cta-inner .eyebrow{color:var(--orange);}
  .cta-inner h2{font-size:clamp(26px,3.4vw,38px); font-weight:700; color:#fff; position:relative;}
  .cta-inner p{color:var(--muted-ondark); margin-top:14px; font-size:16px; position:relative;}
  .cta-buttons{display:flex; justify-content:center; gap:14px; margin-top:30px; flex-wrap:wrap; position:relative;}
  .cta-buttons .btn-ghost{color:var(--muted-ondark);}
  .cta-buttons .btn-ghost:hover{color:#fff;}

  /* FOOTER */
  footer{padding:60px 0 36px; background:var(--navy-deep); margin-top:100px;}
  .footer-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:40px;}
  .footer-brand{display:flex; align-items:center; gap:12px; margin-bottom:14px;}
  .footer-brand img{height:52px; width:auto;}
  .footer-brand-text{font-family:'Space Grotesk'; font-weight:700; font-size:18px; color:#fff;}
  .footer-brand-text span{color:var(--orange);}
  .footer-col p{color:var(--muted-ondark); font-size:13.5px; margin-top:6px; line-height:1.6; max-width:280px;}
  footer h4{font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:0.12em; text-transform:uppercase; color:var(--muted-ondark); margin-bottom:16px;}
  footer ul{list-style:none;}
  footer li{margin-bottom:11px; font-size:14px;}
  footer li a{color:#dbe4f3;}
  footer li a:hover{color:var(--orange);}
  .footer-bottom{margin-top:56px; padding-top:22px; border-top:1px solid #1c3a68; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px;}
  .footer-bottom p{font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--muted-ondark);}
  .tagline-strip{font-family:'JetBrains Mono',monospace; font-size:12px; letter-spacing:0.05em; color:var(--muted-ondark);}
  .tagline-strip b{color:var(--orange); font-weight:600;}

  .reveal{opacity:0; transform:translateY(18px); transition:opacity .7s ease, transform .7s ease;}
  .reveal.in{opacity:1; transform:translateY(0);}

  @media (prefers-reduced-motion: reduce){ .marquee{animation:none;} .reveal{opacity:1; transform:none; transition:none;} }

  @media (max-width:900px){
    .hero-grid{grid-template-columns:1fr;}
    .navlinks{display:none;}
    .services-grid{grid-template-columns:repeat(2,1fr);}
    .why-grid{grid-template-columns:repeat(2,1fr);}
    .stats-band .wrap{grid-template-columns:1fr;}
    .stats-band .exp-cell{border-right:none; border-bottom:1px solid #1c3a68; padding:48px 24px;}
    .industries-cell{padding:48px 32px;}
    .footer-grid{grid-template-columns:1fr 1fr;}
    .cycle-wrap{flex-direction:column;}
  }
  @media (max-width:520px){
    .services-grid{grid-template-columns:1fr;}
    .why-grid{grid-template-columns:1fr;}
    .footer-grid{grid-template-columns:1fr;}
    .brand img{height:42px;}
  }
  :focus-visible{outline:2px solid var(--orange); outline-offset:3px;}

  /* NEW HERO ROBOT VISUAL */
  .robot-hero-image{
    position:relative;
    overflow:hidden;
    padding:0;
    min-height:680px;
    display:flex;
    align-items:stretch;
    justify-content:center;
    background:#0b1f3d;
    border-radius:10px;
  }
  .robot-hero-image > img{
    width:100%;
    height:100%;
    min-height:680px;
    object-fit:cover;
    object-position:center;
    display:block;
  }
  .robot-flow{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    pointer-events:none;
    overflow:visible;
  }
  .robot-flow .flow-base{
    fill:none;
    stroke:rgba(255,255,255,.18);
    stroke-width:2;
  }
  .robot-flow .flow-live{
    fill:none;
    stroke:#ed7c2d;
    stroke-width:3;
    stroke-linecap:round;
    stroke-dasharray:12 10;
    animation:flowMove 2.2s linear infinite;
    filter:drop-shadow(0 0 5px rgba(237,124,45,.7));
  }
  .robot-flow .flow-node{
    fill:#ed7c2d;
    filter:drop-shadow(0 0 7px rgba(237,124,45,.8));
    animation:nodePulse 1.5s ease-in-out infinite;
  }
  .robot-flow .palm-node{
    fill:#55b8ff;
    filter:drop-shadow(0 0 12px rgba(85,184,255,.9));
    animation:palmPulse2 1.7s ease-in-out infinite;
  }
  .robot-reaction{
    position:absolute;
    top:20px;
    right:20px;
    padding:9px 13px;
    border:1px solid rgba(255,255,255,.28);
    background:rgba(11,31,61,.76);
    color:#fff;
    border-radius:999px;
    font-family:'JetBrains Mono',monospace;
    font-size:10px;
    letter-spacing:.08em;
    text-transform:uppercase;
    backdrop-filter:blur(8px);
    box-shadow:0 10px 30px rgba(0,0,0,.18);
    animation:reactionPop 2.6s ease-in-out infinite;
  }
  .robot-reaction b{color:#ed7c2d;}
  @keyframes flowMove{
    to{stroke-dashoffset:-44;}
  }
  @keyframes nodePulse{
    0%,100%{r:5;opacity:.75}
    50%{r:8;opacity:1}
  }
  @keyframes palmPulse2{
    0%,100%{r:10;opacity:.65}
    50%{r:16;opacity:1}
  }
  @keyframes reactionPop{
    0%,55%,100%{transform:scale(.98);opacity:.82}
    62%{transform:scale(1.04);opacity:1}
    72%{transform:scale(1);opacity:.95}
  }
  @media (max-width:900px){
    .robot-hero-image,.robot-hero-image > img{min-height:560px;}
  }
  @media (max-width:520px){
    .robot-hero-image,.robot-hero-image > img{min-height:470px;}
    .robot-reaction{top:12px;right:12px;font-size:9px;padding:7px 9px;}
  }


  /* LOGO — no boxed background, sits directly on the nav */
  .brand{
    display:flex;
    align-items:center;
    gap:12px;
  }
  .brand img{
    height:56px;
    width:auto;
    object-fit:contain;
    display:block;
  }


/* MULTI-PAGE NAVIGATION */
.navlinks a{position:relative; padding-bottom:6px; transition:color .2s ease;}
.navlinks a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--orange);border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform .25s ease;}
.navlinks a:hover::after{transform:scaleX(1);}
.navlinks a.active{color:var(--orange);font-weight:700}
.navlinks a.active::after{transform:scaleX(1);}
.mobile-menu{display:none;position:relative}
.mobile-menu summary{list-style:none;cursor:pointer;font-size:24px;color:var(--navy);padding:6px}
.mobile-menu summary::-webkit-details-marker{display:none}
.mobile-menu-panel{position:absolute;right:0;top:48px;background:#fff;border:1px solid var(--panel-line);border-radius:8px;box-shadow:0 18px 45px rgba(11,31,61,.14);min-width:190px;padding:10px}
.mobile-menu-panel a{display:block;padding:12px 14px;color:var(--text);font-size:14px;border-radius:5px}
.mobile-menu-panel a:hover{background:var(--panel);color:var(--orange)}
.mobile-menu-panel a.active{background:var(--panel);color:var(--orange);font-weight:700}
.page-hero{padding:82px 0 70px;background:linear-gradient(180deg,#f7f9fc 0%,#fff 100%);border-bottom:1px solid var(--panel-line)}
.page-hero h1{font-size:clamp(38px,5vw,58px);line-height:1.08;color:var(--navy);max-width:800px;margin-top:12px}
.page-hero p{max-width:720px;color:var(--muted);font-size:17px;line-height:1.7;margin-top:18px}
.page-kicker{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--orange)}
.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.detail-card{border:1px solid var(--panel-line);border-radius:10px;padding:30px;background:#fff;transition:.2s ease}
.detail-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(11,31,61,.08)}
.detail-card .num{font-family:'JetBrains Mono',monospace;color:var(--orange);font-size:12px}
.detail-card h2{font-size:23px;color:var(--navy);margin-top:10px}
.detail-card p{font-size:14px;color:var(--muted);line-height:1.65;margin-top:10px}
.detail-card ul{margin:16px 0 0 18px;color:var(--muted);font-size:14px;line-height:1.8}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.blog-card{border-radius:12px;overflow:hidden;background:#fff;display:flex;flex-direction:column;box-shadow:0 4px 20px rgba(0,0,0,0.05);transition:transform 0.3s ease;text-decoration:none;color:inherit}
.blog-card:hover{transform:translateY(-5px)}
.blog-card-image{width:100%;height:220px;object-fit:cover;border-bottom:1px solid var(--panel-line);display:block}
.blog-card-body{padding:26px;display:flex;flex-direction:column;flex:1}
.blog-card .tag{font-family:'JetBrains Mono',monospace;color:var(--orange);font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}
.blog-card h2{font-size:20px;line-height:1.3;color:var(--navy);margin:0;font-weight:700}
.blog-card p{font-size:14px;line-height:1.65;color:var(--muted);margin:12px 0 20px 0;flex:1}
.blog-author-block{display:flex;align-items:center;margin-top:auto;padding-top:20px;border-top:1px solid var(--panel-line)}
.blog-author-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-right:12px}
.blog-author-details{font-size:13px;color:var(--muted);font-weight:500}
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;align-items:start}
.contact-card{background:var(--navy-deep);border-radius:12px;padding:34px;color:#fff}
.contact-card h2{font-size:28px;margin-top:10px}
.contact-card p{color:var(--muted-ondark);line-height:1.7;font-size:14px;margin-top:12px}
.contact-list{list-style:none;margin-top:24px}
.contact-list li{padding:13px 0;border-bottom:1px solid #1c3a68;color:#dbe4f3;font-size:14px}
.contact-list li strong{display:block;color:#fff;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-family:'JetBrains Mono',monospace;margin-bottom:5px}
.contact-list a{color:#dbe4f3}
.contact-list a:hover{color:var(--orange)}
.contact-form{border:1px solid var(--panel-line);border-radius:12px;padding:34px;background:#fff}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-field{display:flex;flex-direction:column;gap:7px}
.form-field.full{grid-column:1/-1}
.form-field label{font-size:12px;font-weight:600;color:var(--navy)}
.form-field input,.form-field textarea,.form-field select{width:100%;border:1px solid var(--panel-line);border-radius:5px;padding:12px 13px;font:14px Inter,sans-serif;color:var(--text);background:#fff;outline:none}
.form-field textarea{min-height:150px;resize:vertical}
.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(237,124,45,.12)}
.form-note{font-size:12px;color:var(--muted);margin-top:12px;line-height:1.5}
.hp-field{position:absolute;left:-9999px;top:-9999px;height:0;width:0;opacity:0;pointer-events:none}
.form-status{font-size:13px;margin-top:14px;line-height:1.5;min-height:0}
.form-status.success{color:#1f9d55;font-weight:600}
.form-status.error{color:#d94b3f;font-weight:600}
.btn-primary:disabled{opacity:.65;cursor:not-allowed;transform:none}
@media(max-width:900px){.navlinks{display:none}.mobile-menu{display:block}.blog-grid{grid-template-columns:1fr 1fr}.contact-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}}
@media(max-width:600px){.blog-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}.page-hero{padding:62px 0 52px}}
@media(max-width:480px){
  .wrap{padding:0 18px}
  section{padding:64px 0}
  .cta-inner{padding:40px 22px}
  .contact-card{padding:24px}
  .contact-form{padding:22px}
  .why-card,.detail-card{padding:22px 18px}
  .cycle-step{padding:26px 20px}
  .nav-cta{padding:9px 14px;font-size:12px}
  h1.hero-title{font-size:clamp(28px,8vw,36px)}
  nav .brand img{width:100px}
  .footer-brand img{width:140px}
}


/* ===== NAV / FOOTER LOGO ===== */
nav .wrap{
  min-height:120px;
  align-items:center;
}
nav .brand{
  display:flex;
  align-items:center;
  flex:0 0 auto;
  text-decoration:none;
}
nav .brand img{
  display:block;
  width:160px;
  height:auto;
  max-width:none;
  padding:0;
  margin:0;
  margin-top: 10px;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  object-fit:contain;
}

/* Footer stays navy. Logo sits directly on it, no background box. */
footer{
  background:#0b1f3d !important;
  color:#fff;
}
.footer-brand{
  display:inline-flex !important;
  align-items:center;
  justify-content:flex-start;
  gap:0 !important;
  margin-bottom:18px !important;
  background:transparent;
  padding:0;
  line-height:0;
}
.footer-brand img{
  display:block;
  width:190px;
  height:auto;
  max-width:none;
  padding:0;
  margin:0;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  object-fit:contain;
}
.footer-brand-text{display:none !important;}
.footer-col p{color:#fff !important;}
footer h4{color:#fff !important;}
footer li a{color:#fff !important;}
footer li a:hover{color:#ed7c2d !important;}
.footer-bottom p{color:#fff !important;}
.tagline-strip{color:#fff !important;}
.tagline-strip b{color:#ed7c2d !important;}

@media (max-width:900px){
  nav .wrap{min-height:90px;}
  nav .brand img{width:125px;}
  .footer-brand img{width:165px;}
}