﻿body.itts-about-page{overflow-x:hidden}
    .itts-about-skip{position:absolute;left:-9999px;top:0;z-index:200;padding:12px 18px;border-radius:0 0 8px 0;background:#101d35;color:#fff;font-weight:700}
    .itts-about-skip:focus{left:0}
    .itts-about-page .service-card p{min-height:0}

    /* ---------- Hero ---------- */
    .itts-about-hero{position:relative;overflow:hidden;padding:88px 0;background:radial-gradient(900px 420px at 86% 10%,rgba(25,185,207,.22),transparent 62%),linear-gradient(118deg,#0b1528,#122c4d 58%,#134a63);color:#fff}
    .itts-about-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:54px}
    .itts-about-hero h1{margin:16px 0 18px;color:#fff;font-size:clamp(2.25rem,4.8vw,3.65rem);line-height:1.12}
    .itts-about-hero .eyebrow{color:#75e6ee;font-size:.78rem;font-weight:800;letter-spacing:.14em}
    .itts-about-hero-lead{max-width:600px;margin-bottom:30px;color:#c9d7e6;font-size:1.08rem}
    .itts-about-hero-actions{display:flex;gap:13px;flex-wrap:wrap}

    /* CSS technology illustration - no external image needed */
    .itts-about-illo{position:relative;padding:20px;border:1px solid #ffffff26;border-radius:20px;background:rgba(8,20,38,.5);box-shadow:0 24px 60px rgba(0,0,0,.4)}
    .itts-about-illo-bar{display:flex;gap:7px;margin-bottom:18px}
    .itts-about-illo-bar i{width:10px;height:10px;border-radius:50%;background:#ffffff33}
    .itts-about-illo-bar i:first-child{background:#ff6b6b}
    .itts-about-illo-bar i:nth-child(2){background:#ffc46b}
    .itts-about-illo-bar i:nth-child(3){background:#54d6a0}
    .itts-about-illo-body{display:grid;grid-template-columns:1fr 1fr;gap:12px}
    .itts-about-illo-card{padding:15px;border:1px solid #ffffff1f;border-radius:12px;background:#ffffff0f}
    .itts-about-illo-card strong{display:block;margin-bottom:12px;color:#8fd8e6;font-size:.74rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
    .itts-about-illo-bars{display:grid;gap:7px}
    .itts-about-illo-bars span{display:block;height:8px;border-radius:999px;background:linear-gradient(90deg,#2e7de0,#1cc0d3)}
    .itts-about-illo-bars span:nth-child(1){width:88%}
    .itts-about-illo-bars span:nth-child(2){width:64%}
    .itts-about-illo-bars span:nth-child(3){width:76%}
    .itts-about-illo-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
    .itts-about-illo-chips span{padding:5px 11px;border:1px solid #ffffff26;border-radius:999px;background:#ffffff12;color:#dbeaf6;font-size:.75rem;font-weight:700}

    /* ---------- Who We Are ---------- */
    .itts-about-split{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}
    .itts-about-copy p{color:#4a5a72;margin-bottom:16px}
    .itts-about-copy p:last-child{margin-bottom:0}
    .itts-about-copy strong{color:var(--ink)}
    .itts-about-panel{padding:30px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,#f5f8fd,#fff);box-shadow:0 20px 48px rgba(16,29,53,.08)}
    .itts-about-panel-mark{display:grid;place-items:center;width:62px;height:62px;margin-bottom:20px;border-radius:18px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-size:1.3rem;font-weight:900}
    .itts-about-panel-list{display:grid;gap:11px;margin:0;padding:0;list-style:none}
    .itts-about-panel-list li{display:flex;gap:11px;align-items:flex-start;padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#41506a;font-size:.92rem;font-weight:600}
    .itts-about-panel-list li span{flex:0 0 auto;color:var(--blue);font-weight:900}
    .itts-about-panel-note{margin:18px 0 0;color:var(--muted);font-size:.82rem}

    /* ---------- Mission ---------- */
    .itts-about-mission{position:relative;overflow:hidden;padding:80px 0;background:linear-gradient(118deg,#0d1a30,#123055);color:#fff;text-align:center}
    .itts-about-mission:before{content:"";position:absolute;top:-70px;right:-40px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(25,185,207,.28),transparent 68%)}
    .itts-about-mission-inner{position:relative;z-index:1}
    .itts-about-mission .eyebrow{color:#75e6ee;font-size:.78rem;font-weight:800;letter-spacing:.14em}
    .itts-about-mission h2{color:#fff;margin-bottom:26px}
    .itts-about-mission blockquote{max-width:920px;margin:0 auto;padding:0;border:0;color:#fff;font-size:clamp(1.45rem,3.2vw,2.4rem);font-weight:800;line-height:1.34}
    .itts-about-mission p{max-width:760px;margin:24px auto 0;color:#c9d7e6}

    /* ---------- Grids ---------- */
    .itts-about-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}

    /* ---------- How We Work ---------- */
    .itts-about-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin:0;padding:0;list-style:none}
    .itts-about-step{position:relative;padding:26px 22px 22px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 12px 30px rgba(16,29,53,.06)}
    .itts-about-step-num{display:grid;place-items:center;width:42px;height:42px;margin-bottom:16px;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-size:.95rem;font-weight:900}
    .itts-about-step h3{margin-bottom:8px;font-size:1.03rem}
    .itts-about-step p{margin:0;color:var(--muted);font-size:.9rem}
    .itts-about-step:not(:last-child):after{content:"";position:absolute;top:47px;right:-14px;width:14px;height:2px;background:#c2d5ec}

    /* ---------- Focus and motion ---------- */
    :focus-visible{outline:3px solid #1b6fd6;outline-offset:2px}
    .itts-about-hero :focus-visible,.itts-about-mission :focus-visible,.cta-band :focus-visible{outline-color:#7fe3ef}

    @media (max-width:1050px){
      .itts-about-hero{padding:66px 0}
      .itts-about-hero-grid{grid-template-columns:1fr;gap:38px}
      .itts-about-split{grid-template-columns:1fr;gap:34px}
      .itts-about-grid-3{grid-template-columns:1fr 1fr}
      .itts-about-steps{grid-template-columns:1fr 1fr}
      .itts-about-step:not(:last-child):after{display:none}
    }

    @media (max-width:640px){
      .itts-about-grid-3{grid-template-columns:1fr}
      .itts-about-illo-body{grid-template-columns:1fr}
      .itts-about-steps{grid-template-columns:1fr;gap:14px}
      .itts-about-step{padding-left:74px}
      .itts-about-step-num{position:absolute;top:22px;left:22px;margin:0}
      .itts-about-step:not(:last-child):after{display:block;top:auto;right:auto;bottom:-15px;left:42px;width:2px;height:14px;background:#c9d9ee}
    }

    @media (prefers-reduced-motion:reduce){
      html{scroll-behavior:auto}
      *,*:before,*:after{transition-duration:.01ms !important;animation-duration:.01ms !important;animation-iteration-count:1 !important}
    }
