.itts-services-page{background:#fff}
    .itts-services-skip{position:absolute;left:-9999px;top:0;z-index:200;background:var(--navy);color:#fff;padding:12px 18px;border-radius:0 0 10px 0;font-weight:750}
    .itts-services-skip:focus{left:0}
    .itts-services-page :focus-visible{outline:3px solid #1b6fd6;outline-offset:2px;border-radius:4px}
    .itts-services-page .nav-services>a[aria-current]{color:var(--blue)}
    .itts-services-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

    /* ---------- Hero ---------- */
    .itts-services-hero{position:relative;overflow:hidden;padding:64px 0 86px;background:radial-gradient(900px 420px at 86% 8%,rgba(25,185,207,.22),transparent 62%),linear-gradient(118deg,#0b1528,#122c4d 58%,#134a63);color:#fff}
    .itts-services-hero:after{content:"";position:absolute;inset:auto -4% -210px 42%;height:360px;border:1px solid #ffffff14;border-radius:50%;box-shadow:0 0 0 45px #ffffff06,0 0 0 95px #ffffff04;pointer-events:none}
    .itts-services-crumb{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.84rem;color:#a9c0d6;margin-bottom:6px}
    .itts-services-crumb a:hover{color:#fff;text-decoration:underline}
    .itts-services-crumb .itts-services-sep{color:#5e7891}
    .itts-services-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:52px}
    .itts-services-hero .eyebrow{color:#75e6ee}
    .itts-services-hero h1{margin:16px 0;color:#fff}
    .itts-services-hero h1 span{color:#62dce7}
    .itts-services-hero-lead{color:#d5deeb;font-size:1.08rem;max-width:620px}
    .itts-services-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:28px}
    .itts-services-points{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:28px;color:#d5deeb;font-size:.86rem;font-weight:650}
    .itts-services-points span:before{content:"\2713";color:#62dce7;font-weight:900;margin-right:8px}
    .itts-services-visual{position:relative;display:grid;place-items:center;min-height:340px}
    .itts-services-visual:before{content:"";position:absolute;width:min(330px,92%);aspect-ratio:1;border:1px solid #ffffff26;border-radius:50%;box-shadow:0 0 0 32px #ffffff07,0 0 0 68px #ffffff04}
    .itts-services-panel{position:relative;z-index:1;width:min(420px,100%);background:#ffffff10;border:1px solid #ffffff26;border-radius:18px;padding:20px;backdrop-filter:blur(6px)}
    .itts-services-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#9fd9e2;font-weight:800;margin-bottom:14px}
    .itts-services-badge{border:1px solid #ffffff33;border-radius:99px;padding:3px 9px;font-size:.62rem;color:#cfe9ee;letter-spacing:.1em}
    .itts-services-nodes{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
    .itts-services-node{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:11px;padding:11px 8px;text-align:center;font-size:.76rem;font-weight:700;color:#e6f2f7}
    .itts-services-node b{display:block;font-size:1.05rem;margin-bottom:5px;color:#62dce7}
    .itts-services-panel-foot{margin:14px 0 0;font-size:.72rem;color:#a9bccf}

    /* ---------- Intro ---------- */
    .itts-services-intro .section-head{max-width:820px}
    .itts-services-lede{color:var(--muted);font-size:1.03rem}
    .itts-services-intro-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px}

    /* ---------- Service card grid (3 x 3) ---------- */
    .itts-services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
    .itts-services-card{display:flex;flex-direction:column;height:100%;padding:26px 22px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;transition:transform .22s,box-shadow .22s,border-color .22s}
    .itts-services-card:hover,.itts-services-card:focus-within{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#c9dcff}
    .itts-services-icon{width:50px;height:50px;border-radius:14px;background:#eaf2ff;color:var(--blue);display:grid;place-items:center;margin-bottom:16px}
    .itts-services-icon svg{width:24px;height:24px}
    .itts-services-card h3{margin-bottom:6px;font-size:1.1rem}
    .itts-services-tagline{color:var(--blue);font-weight:750;font-size:.9rem;margin-bottom:10px}
    .itts-services-desc{color:var(--muted);font-size:.9rem;margin-bottom:16px}
    .itts-services-card-learn{margin-top:auto;display:inline-flex;align-items:center;gap:7px;align-self:flex-start;color:var(--blue);font-weight:800;font-size:.88rem}
    .itts-services-card-learn:hover{text-decoration:underline}

    /* ---------- Technology strip ---------- */
    .itts-services-tech{background:var(--light)}
    .itts-services-chips{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0;padding:0}
    .itts-services-chips li{border:1px solid var(--line);background:#fff;border-radius:99px;padding:9px 16px;font-size:.85rem;font-weight:650;color:#40526b}
    .itts-services-tech-note{margin:26px auto 0;max-width:840px;text-align:center;color:var(--muted);font-size:.84rem}

    /* ---------- Process ---------- */
    .itts-services-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0;padding:0;list-style:none}
    .itts-services-step{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px 20px}
    .itts-services-step:after{content:"";position:absolute;top:45px;right:-16px;width:16px;height:2px;background:#cfdcec}
    .itts-services-step:last-child:after{display:none}
    .itts-services-step-num{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--navy);color:#fff;font-weight:900;font-size:.95rem;margin-bottom:14px}
    .itts-services-step h3{font-size:1.02rem;margin-bottom:8px}
    .itts-services-step p{margin:0;color:var(--muted);font-size:.88rem}
    .itts-services-process-note{margin:26px auto 0;max-width:840px;text-align:center;color:var(--muted);font-size:.84rem}

    /* ---------- Featured projects ---------- */
    .itts-services-work{background:var(--light)}
    .itts-services-projects{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
    .itts-services-project{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .22s,box-shadow .22s}
    .itts-services-project:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
    .itts-services-media{position:relative;aspect-ratio:16/10;display:grid;place-items:center;background:linear-gradient(135deg,#12284a,#2a7de7);color:#fff;overflow:hidden}
    .itts-services-media:before,.itts-services-media:after{content:"";position:absolute;width:170px;height:170px;border:1px solid #ffffff38;border-radius:34px;transform:rotate(35deg)}
    .itts-services-media:after{width:115px;height:115px;transform:rotate(55deg)}
    .itts-services-media-mark{position:relative;z-index:1;font-size:2.9rem;font-weight:900}
    .itts-services-media-tag{position:absolute;z-index:2;left:12px;bottom:12px;background:#0b152899;border:1px solid #ffffff2e;border-radius:99px;padding:4px 10px;font-size:.65rem;letter-spacing:.09em;text-transform:uppercase;font-weight:800;color:#dbe8f5}
    .itts-services-project:nth-child(2) .itts-services-media{background:linear-gradient(135deg,#103f51,#1bc3c7)}
    .itts-services-project:nth-child(3) .itts-services-media{background:linear-gradient(135deg,#3c245f,#9a68e8)}
    .itts-services-project-body{display:flex;flex-direction:column;flex:1;padding:22px 20px}
    .itts-services-project-cat{color:var(--blue);font-weight:800;font-size:.7rem;letter-spacing:.09em;text-transform:uppercase}
    .itts-services-project h3{margin:9px 0;font-size:1.08rem}
    .itts-services-project p{margin:0;color:var(--muted);font-size:.9rem}
    .itts-services-work-note{margin:26px auto 0;max-width:860px;text-align:center;color:var(--muted);font-size:.84rem;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 18px}
    .itts-services-work-cta{display:flex;justify-content:center;margin-top:30px}

    /* ---------- Why ITTS ---------- */
    .itts-services-why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
    .itts-services-why-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px 22px}
    .itts-services-why-card .itts-services-icon{margin-bottom:14px}
    .itts-services-why-card h3{margin-bottom:9px;font-size:1.05rem}
    .itts-services-why-card p{margin:0;color:var(--muted);font-size:.9rem}
    .itts-services-value{margin-top:20px;display:flex;align-items:flex-start;gap:16px;background:var(--navy);color:#fff;border-radius:var(--radius);padding:26px 24px}
    .itts-services-value b{display:block;font-size:1.05rem;margin-bottom:6px}
    .itts-services-value p{margin:0;color:#c4d2e3;font-size:.92rem}
    .itts-services-value .itts-services-value-icon{flex:0 0 46px;height:46px;display:grid;place-items:center;border-radius:13px;background:#ffffff14;color:#62dce7}
    .itts-services-value .itts-services-value-icon svg{width:24px;height:24px}

    /* ---------- FAQ ---------- */
    .itts-services-faq-list{max-width:880px;margin:0 auto;display:grid;gap:12px}
    .itts-services-faq-item{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}
    .itts-services-faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border:0;background:#fff;color:var(--navy2);font-weight:750;font-size:1rem;text-align:left;cursor:pointer}
    .itts-services-faq-q:hover{color:var(--blue)}
    .itts-services-faq-icon{flex:0 0 auto;width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:#eaf2ff;color:var(--blue);font-weight:900;transition:transform .2s}
    .itts-services-faq-q[aria-expanded="true"] .itts-services-faq-icon{transform:rotate(45deg)}
    .itts-services-faq-a{padding:0 20px 20px;color:var(--muted);font-size:.92rem}
    .itts-services-faq-a p{margin:0}
    .itts-services-faq-a a{color:var(--blue);font-weight:700}
    .itts-services-faq-a a:hover{text-decoration:underline}

    /* ---------- CTA band ---------- */
    .itts-services-cta{position:relative;overflow:hidden;padding:76px 0;background:linear-gradient(118deg,#0b1528,#122c4d 60%,#12455e);color:#fff}
    .itts-services-cta-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
    .itts-services-cta h2{margin:0 0 10px;color:#fff}
    .itts-services-cta p{margin:0;color:#d5deeb;max-width:620px}
    .itts-services-cta .eyebrow{color:#75e6ee}

    /* ---------- Contact strip ---------- */
    .itts-services-contact{background:var(--light);padding:44px 0}
    .itts-services-contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
    .itts-services-contact-item b{display:block;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);margin-bottom:7px;font-weight:800}
    .itts-services-contact-item span,.itts-services-contact-item a{color:#41526b;font-size:.92rem}
    .itts-services-contact-item a:hover{color:var(--blue);text-decoration:underline}

    /* ---------- Responsive ---------- */
    @media (max-width:1050px){
      .itts-services-hero-grid{gap:30px}
      .itts-services-grid{grid-template-columns:repeat(2,1fr)}
      .itts-services-projects{grid-template-columns:repeat(2,1fr)}
      .itts-services-steps{grid-template-columns:repeat(2,1fr)}
      .itts-services-step:nth-child(2):after{display:none}
      .itts-services-contact-grid{grid-template-columns:repeat(2,1fr)}
    }
    @media (max-width:780px){
      .itts-services-hero{padding:48px 0 66px}
      .itts-services-hero-grid{grid-template-columns:1fr;gap:34px}
      .itts-services-visual{min-height:280px}
      .itts-services-projects{grid-template-columns:1fr}
      .itts-services-why-grid{grid-template-columns:1fr}
      .itts-services-cta-inner{flex-direction:column;align-items:flex-start}
    }
    @media (max-width:560px){
      .itts-services-grid,.itts-services-steps,.itts-services-contact-grid{grid-template-columns:1fr}
      .itts-services-step:after{display:none}
      .itts-services-nodes{grid-template-columns:repeat(2,1fr)}
      .itts-services-value{flex-direction:column}
    }
    @media (prefers-reduced-motion:reduce){
      *,*:before,*:after{transition-duration:.01ms !important;animation-duration:.01ms !important;animation-iteration-count:1 !important}
    }