body.itts-app-page{overflow-x:hidden}
    .itts-app-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-app-skip:focus{left:0}
    .itts-app-page .service-card p{min-height:0}

    /* ---------- Section A: Hero ---------- */
    .itts-app-hero{position:relative;overflow:hidden;padding:88px 0;background:radial-gradient(900px 420px at 88% 8%,rgba(25,185,207,.22),transparent 62%),linear-gradient(118deg,#0b1528,#122c4d 58%,#134a63);color:#fff}
    .itts-app-hero:after{content:"";position:absolute;inset:auto -6% -240px 38%;height:400px;border:1px solid #ffffff14;border-radius:50%;box-shadow:0 0 0 45px #ffffff08,0 0 0 95px #ffffff05;pointer-events:none}
    .itts-app-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:54px}
    .itts-app-hero h1{margin:16px 0 18px;color:#fff;font-size:clamp(2.25rem,4.8vw,3.65rem);line-height:1.12}
    .itts-app-hero .eyebrow{color:#75e6ee;font-size:.78rem;font-weight:800;letter-spacing:.14em}
    .itts-app-hero-lead{max-width:610px;margin-bottom:30px;color:#c9d7e6;font-size:1.08rem}
    .itts-app-actions{display:flex;gap:13px;flex-wrap:wrap}
    .itts-app-tagline{display:inline-flex;align-items:center;gap:10px;margin-top:28px;padding:11px 17px;border:1px solid #ffffff26;border-radius:999px;background:#ffffff12;color:#dcebf6;font-size:.88rem;font-weight:600}
    .itts-app-tagline:before{content:"";flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:#62dce7;box-shadow:0 0 0 4px #62dce72e}
    .itts-app-hero-note{margin:16px 0 0;color:#9db0c6;font-size:.82rem}

    /* Hero visual: CSS device composition (no external image required) */
    .itts-app-visual{position:relative;min-height:400px;display:grid;place-items:center}
    .itts-app-visual:before{content:"";position:absolute;width:min(330px,86%);aspect-ratio:1;border:1px solid #ffffff20;border-radius:50%;box-shadow:0 0 0 34px #ffffff08,0 0 0 72px #ffffff05}
    .itts-app-visual-inner{position:relative;z-index:1;display:flex;align-items:flex-end;gap:16px}
    .itts-app-phone{position:relative;width:186px;aspect-ratio:9/18.5;padding:10px;border:2px solid #ffffff2e;border-radius:30px;background:linear-gradient(160deg,#0f2038,#162f52);box-shadow:0 28px 70px rgba(0,0,0,.45)}
    .itts-app-phone:after{content:"";position:absolute;top:10px;left:50%;transform:translateX(-50%);width:54px;height:5px;border-radius:99px;background:#ffffff24}
    .itts-app-screen{height:100%;padding:26px 12px 12px;border-radius:22px;background:linear-gradient(180deg,#ffffff,#eef4fc);color:var(--ink);display:flex;flex-direction:column;gap:9px}
    .itts-app-screen-head{height:52px;border-radius:12px;background:linear-gradient(120deg,#2878f0,#19b9cf)}
    .itts-app-screen-row{display:flex;gap:8px}
    .itts-app-screen-row i{flex:1;height:34px;border-radius:9px;background:#dfe9f7}
    .itts-app-screen-bar{height:9px;border-radius:99px;background:#cfdcee}
    .itts-app-screen-bar.short{width:62%}
    .itts-app-tablet{width:224px;aspect-ratio:4/3;padding:9px;border:2px solid #ffffff2e;border-radius:18px;background:linear-gradient(160deg,#123055,#0f2038);box-shadow:0 24px 60px rgba(0,0,0,.4)}
    .itts-app-tablet-screen{height:100%;padding:12px;border-radius:11px;background:#f4f8fd;display:flex;flex-direction:column;gap:9px}
    .itts-app-tablet-top{height:14px;border-radius:99px;background:#d7e3f4}
    .itts-app-tablet-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:8px}
    .itts-app-tablet-grid span{border-radius:9px;background:#e2ebf8}
    .itts-app-tablet-grid span:first-child{background:linear-gradient(120deg,#2878f0,#19b9cf)}
    .itts-app-float{position:absolute;z-index:2;padding:12px 15px;border-radius:13px;background:#fff;color:var(--ink);box-shadow:0 18px 46px rgba(0,0,0,.28);font-size:.82rem;font-weight:750;line-height:1.3}
    .itts-app-float small{display:block;color:var(--muted);font-weight:500;font-size:.74rem}
    .itts-app-float-one{top:14px;left:2%}
    .itts-app-float-two{bottom:18px;right:0}
    .itts-app-float-bars{display:flex;align-items:flex-end;gap:5px;height:34px;margin-top:8px}
    .itts-app-float-bars i{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#19b9cf,#2878f0)}
    .itts-app-float-bars i:nth-child(1){height:40%}
    .itts-app-float-bars i:nth-child(2){height:72%}
    .itts-app-float-bars i:nth-child(3){height:55%}
    .itts-app-float-bars i:nth-child(4){height:92%}

    /* ---------- Shared section helpers ---------- */
    .itts-app-band{background:var(--light)}
    .itts-app-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .itts-app-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
    .itts-app-card{padding:26px 23px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;transition:.25s}
    .itts-app-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#c9dcff}
    .itts-app-card h3{margin:0 0 9px;font-size:1.06rem}
    .itts-app-card p{margin:0;color:var(--muted);font-size:.92rem}
    .itts-app-icon{display:grid;place-items:center;width:50px;height:50px;margin-bottom:18px;border-radius:14px;background:#eaf2ff;color:var(--blue)}
    .itts-app-icon svg{width:24px;height:24px}
    .itts-app-band .itts-app-card{box-shadow:0 12px 30px rgba(16,29,53,.05)}

    /* ---------- Section C: Technology ---------- */
    .itts-app-tech-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
    .itts-app-tech{grid-column:span 2;display:flex;flex-direction:column;padding:26px 23px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;transition:.25s}
    .itts-app-tech-wide{grid-column:span 3}
    .itts-app-tech:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#c9dcff}
    .itts-app-tech h3{margin:0 0 6px;font-size:1.04rem}
    .itts-app-tech p{margin:12px 0 0;color:var(--muted);font-size:.92rem}
    .itts-app-tech .itts-app-icon{background:#eef6ff}
    .itts-app-tech-backend .itts-app-icon{background:#eef0ff;color:#4553d8}
    .itts-app-tech-secure .itts-app-icon{background:#eafaf3;color:#0f9d6b}
    .itts-app-tech-native .itts-app-icon{background:#eaf2ff;color:var(--blue)}
    .itts-app-tech-cross .itts-app-icon{background:#e8f9fb;color:#0d8fa3}
    .itts-app-tech-web .itts-app-icon{background:#f1edfe;color:#6b4fd8}
    .itts-app-badges{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0 0}
    .itts-app-badges span{padding:5px 11px;border:1px solid var(--line);border-radius:999px;background:#f7fafe;color:#41506a;font-size:.76rem;font-weight:700}

    /* ---------- Section D: Process timeline ---------- */
    .itts-app-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin:0;padding:0;list-style:none}
    .itts-app-step{position:relative;text-align:center}
    .itts-app-step:not(:last-child):after{content:"";position:absolute;top:27px;left:calc(50% + 38px);right:calc(-50% + 38px);height:2px;background:#ccdbee}
    .itts-app-step-dot{position:relative;z-index:1;display:grid;place-items:center;width:54px;height:54px;margin:0 auto 16px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;box-shadow:0 0 0 6px #fff,0 12px 26px rgba(40,120,240,.24)}
    .itts-app-step-dot svg{width:23px;height:23px}
    .itts-app-step-num{display:inline-block;margin-bottom:9px;padding:3px 10px;border-radius:999px;background:#eaf2ff;color:var(--blue);font-size:.72rem;font-weight:900;letter-spacing:.09em}
    .itts-app-step h3{margin:9px 0 7px;font-size:1rem}
    .itts-app-step p{margin:0;color:var(--muted);font-size:.87rem}

    /* ---------- Section E: Benefits ---------- */
    .itts-app-benefit{padding:29px 25px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 12px 30px rgba(16,29,53,.05)}
    .itts-app-benefit h3{margin:0 0 9px;font-size:1.08rem}
    .itts-app-benefit p{margin:0;color:var(--muted);font-size:.93rem}
    .itts-app-support{max-width:760px;margin:34px auto 0;text-align:center;color:#41506a;font-size:1.02rem}

    /* ---------- Section F: Feature grid ---------- */
    .itts-app-features{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:0;padding:0;list-style:none}
    .itts-app-feature{display:flex;align-items:flex-start;gap:11px;padding:17px;border:1px solid var(--line);border-radius:14px;background:#fff}
    .itts-app-feature span{flex:0 0 auto;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e8f2ff;color:var(--blue);font-size:.72rem;font-weight:900}
    .itts-app-feature strong{font-size:.9rem;font-weight:650;line-height:1.4}
    .itts-app-scope{max-width:820px;margin:28px auto 0;padding:16px 20px;border:1px dashed #c8d8ee;border-radius:14px;background:#f8fbff;color:var(--muted);font-size:.88rem;text-align:center}

    /* ---------- Section G: Final CTA ---------- */
    .itts-app-cta{position:relative;overflow:hidden;padding:82px 0;background:linear-gradient(118deg,#0b1528,#122c4d 60%,#12455e);color:#fff}
    .itts-app-cta:before{content:"";position:absolute;top:-90px;right:-60px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(25,185,207,.3),transparent 68%)}
    .itts-app-cta-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:46px;align-items:center}
    .itts-app-cta h2{color:#fff;margin-bottom:16px}
    .itts-app-cta p{max-width:600px;color:#c9d7e6}
    .itts-app-cta-actions{display:flex;gap:13px;flex-wrap:wrap;align-items:center;margin-top:26px}
    .itts-app-cta-link{color:#fff;font-weight:800;text-decoration:underline;text-underline-offset:4px}
    .itts-app-cta-link:hover{color:#8fe6ef}
    .itts-app-cta-art{display:grid;place-items:center}
    .itts-app-cta-device{width:196px;aspect-ratio:9/17;padding:10px;border:2px solid #ffffff2e;border-radius:28px;background:#0d1c33;box-shadow:0 26px 64px rgba(0,0,0,.44)}
    .itts-app-cta-screen{height:100%;padding:18px 12px;border-radius:20px;background:linear-gradient(180deg,#12294a,#0f2038);display:flex;flex-direction:column;gap:10px}
    .itts-app-cta-screen i{display:block;height:9px;border-radius:99px;background:#ffffff1f}
    .itts-app-cta-screen i:nth-child(1){width:72%;background:linear-gradient(90deg,#2878f0,#19b9cf)}
    .itts-app-cta-screen i:nth-child(2){width:52%}
    .itts-app-cta-screen i:nth-child(3){width:84%}
    .itts-app-cta-tiles{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:6px}
    .itts-app-cta-tiles span{height:44px;border-radius:10px;background:#ffffff14;border:1px solid #ffffff1f}

    /* ---------- Focus, motion and responsive ---------- */
    :focus-visible{outline:3px solid #1b6fd6;outline-offset:2px}
    .itts-app-hero :focus-visible,.itts-app-cta :focus-visible,.cta-band :focus-visible{outline-color:#7fe3ef}

    @media (max-width:1050px){
      .itts-app-hero{padding:68px 0}
      .itts-app-hero-grid{grid-template-columns:1fr;gap:40px}
      .itts-app-visual{min-height:340px}
      .itts-app-tech-grid{grid-template-columns:repeat(2,1fr)}
      .itts-app-tech,.itts-app-tech-wide{grid-column:span 1}
      .itts-app-steps{grid-template-columns:repeat(3,1fr);row-gap:36px}
      .itts-app-step:not(:last-child):after{display:none}
      .itts-app-features{grid-template-columns:repeat(3,1fr)}
      .itts-app-cta-grid{grid-template-columns:1fr;gap:38px}
      .itts-app-cta-art{order:-1}
    }

    @media (max-width:780px){
      .itts-app-visual{min-height:auto;padding:20px 0}
      .itts-app-visual:before{display:none}
      .itts-app-visual-inner{gap:12px}
      .itts-app-tablet{width:190px}
      .itts-app-float-one{left:0}
      .itts-app-float-two{right:-4px}
      .itts-app-grid-3,.itts-app-grid-2{grid-template-columns:1fr}
      .itts-app-steps{grid-template-columns:1fr;gap:0}
      .itts-app-step{display:grid;grid-template-columns:54px 1fr;gap:16px;text-align:left;padding-bottom:26px}
      .itts-app-step:not(:last-child):after{display:block;top:58px;bottom:2px;left:27px;right:auto;width:2px;height:auto}
      .itts-app-step-dot{margin:0}
      .itts-app-step-body{padding-top:4px}
      .itts-app-features{grid-template-columns:1fr 1fr}
    }

    @media (max-width:520px){
      .itts-app-visual-inner{flex-direction:column;align-items:center}
      .itts-app-phone{width:150px}
      .itts-app-tablet{width:100%;max-width:260px}
      .itts-app-float{position:static;width:100%;max-width:260px;margin:0 auto;box-shadow:0 10px 26px rgba(0,0,0,.22)}
      .itts-app-visual-inner{gap:14px}
      .itts-app-features{grid-template-columns:1fr}
      .itts-app-tagline{font-size:.82rem}
      .itts-app-cta-device{width:170px}
    }

    @media (prefers-reduced-motion:reduce){
      html{scroll-behavior:auto}
      *,*:before,*:after{transition-duration:.01ms !important;animation-duration:.01ms !important;animation-iteration-count:1 !important}
    }