#foccus-landing, #foccus-landing *,#foccus-landing *::before,#foccus-landing *::after{ box-sizing: border-box; margin: 0; padding: 0; }
#foccus-landing{
      --blue: #1a5fa8;
      --blue-light: #2d80d4;
      --blue-glow: rgba(26, 95, 168, 0.3);
      --dark: #06080D;
      --dark-2: #0B0F18;
      --dark-3: #0f1520;
      --dark-4: #151d2e;
      --gray: #5A6478;
      --gray-light: #8A95A8;
      --white: #EFF2F7;
      --white-dim: rgba(239,242,247,0.06);
    }
#foccus-landing{ scroll-behavior: smooth; }
#foccus-landing{
      font-family: 'Inter', sans-serif;
      background-color: var(--dark);
      color: var(--white);
      line-height: 1.6;
      overflow-x: hidden;
    }
#foccus-landing::after{
      content: '';
      position: fixed;
      inset: 0;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");
      pointer-events: none;
      z-index: 9999;
      opacity: 0.5;
    }
#foccus-landing .container{
      max-width: 1120px;
      margin: 0 auto;
      padding: 0 28px;
      position: relative;
      z-index: 1;
    }
@media (max-width: 480px){#foccus-landing .container{ padding: 0 18px; }
}
#foccus-landing nav{
      position: fixed;
      top: 0; left: 0; right: 0;
      z-index: 1000;
      padding: 18px 0;
      background: rgba(6,8,13,0.85);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      border-bottom: 1px solid rgba(255,255,255,0.04);
    }
#foccus-landing nav .container{
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
#foccus-landing .nav-logo{
      display: flex;
      align-items: center;
      gap: 10px;
      text-decoration: none;
    }
#foccus-landing .nav-logo img{
      height: 38px;
      width: auto;
      filter: brightness(0) invert(1) drop-shadow(0 0 8px rgba(45,128,212,0.4));
    }
#foccus-landing .nav-logo span{
      font-family: 'Space Grotesk', sans-serif;
      font-size: 20px;
      font-weight: 700;
      color: var(--white);
      letter-spacing: -0.5px;
    }
#foccus-landing .nav-logo span em{
      font-style: normal;
      color: var(--blue-light);
    }
#foccus-landing nav a.cta-nav{
      background: var(--blue);
      color: #fff;
      text-decoration: none;
      padding: 10px 24px;
      border-radius: 6px;
      font-size: 14px;
      font-weight: 600;
      letter-spacing: 0.1px;
      transition: all 0.2s;
      white-space: nowrap;
    }
#foccus-landing nav a.cta-nav:hover{
      background: var(--blue-light);
      transform: translateY(-1px);
      box-shadow: 0 6px 20px var(--blue-glow);
    }
#foccus-landing .hero{
      min-height: 100vh;
      display: grid;
      grid-template-columns: 1fr 1fr;
      align-items: center;
      gap: 48px;
      padding: 130px 0 80px;
      position: relative;
      overflow: hidden;
    }
#foccus-landing .hero::before{
      content: '';
      position: absolute;
      top: -300px; left: -200px;
      width: 900px; height: 900px;
      background: radial-gradient(circle, rgba(26,95,168,0.1) 0%, transparent 65%);
      pointer-events: none;
    }
@media (max-width: 900px){#foccus-landing .hero{
        grid-template-columns: 1fr;
        min-height: auto;
        padding: 110px 0 60px;
        text-align: center;
      }
#foccus-landing .hero-visual{
        height: 340px;
        margin: 0 auto;
        max-width: 340px;
      }
#foccus-landing .hero-cta{ justify-content: center; }
#foccus-landing .hero-numbers{ justify-content: center; }
#foccus-landing .hero-sub{ margin: 0 auto 40px; }
#foccus-landing .hero-badge{ left: 0; top: 20px; }
#foccus-landing .hero-badge-2{ right: 0; bottom: 30px; }
}
@media (max-width: 480px){#foccus-landing .hero-visual{ height: 280px; max-width: 280px; }
#foccus-landing .hero-badge,#foccus-landing .hero-badge-2{ display: none; }
}
#foccus-landing .tag{
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: rgba(26,95,168,0.12);
      border: 1px solid rgba(45,128,212,0.3);
      color: var(--blue-light);
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 1.8px;
      text-transform: uppercase;
      padding: 6px 14px;
      border-radius: 20px;
      margin-bottom: 28px;
    }
#foccus-landing .tag-dot{
      width: 6px; height: 6px;
      background: var(--blue-light);
      border-radius: 50%;
      animation: foccus-blink 2s infinite;
    }
@keyframes foccus-blink{
      0%, 100% { opacity: 1; }
      50% { opacity: 0.2; }
    }
#foccus-landing h1{
      font-family: 'Space Grotesk', sans-serif;
      font-size: clamp(34px, 5vw, 62px);
      font-weight: 700;
      line-height: 1.06;
      letter-spacing: -2px;
      margin-bottom: 22px;
    }
@media (max-width: 480px){#foccus-landing h1{ letter-spacing: -1.5px; }
}
#foccus-landing h1 em{
      font-style: normal;
      color: var(--blue-light);
    }
#foccus-landing .hero-sub{
      font-size: clamp(15px, 1.6vw, 18px);
      color: var(--gray-light);
      max-width: 500px;
      margin-bottom: 40px;
      line-height: 1.7;
    }
#foccus-landing .hero-cta{
      display: flex;
      align-items: center;
      gap: 16px;
      flex-wrap: wrap;
    }
#foccus-landing .btn-primary{
      display: inline-flex;
      align-items: center;
      gap: 10px;
      background: var(--blue);
      color: #fff;
      text-decoration: none;
      padding: 15px 30px;
      border-radius: 8px;
      font-size: 15px;
      font-weight: 700;
      letter-spacing: -0.1px;
      transition: all 0.2s;
    }
#foccus-landing .btn-primary:hover{
      background: var(--blue-light);
      transform: translateY(-2px);
      box-shadow: 0 10px 32px var(--blue-glow);
    }
#foccus-landing .btn-ghost{
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: var(--gray-light);
      text-decoration: none;
      font-size: 14px;
      font-weight: 500;
      transition: color 0.2s;
    }
#foccus-landing .btn-ghost:hover{ color: var(--white); }
#foccus-landing .btn-ghost svg{ transition: transform 0.2s; }
#foccus-landing .btn-ghost:hover svg{ transform: translateX(3px); }
#foccus-landing .hero-numbers{
      display: flex;
      gap: 40px;
      margin-top: 60px;
      flex-wrap: wrap;
    }
#foccus-landing .hero-numbers .num{ display: flex; flex-direction: column; }
#foccus-landing .hero-numbers .val{
      font-family: 'Space Grotesk', sans-serif;
      font-size: 28px;
      font-weight: 700;
      letter-spacing: -1px;
    }
#foccus-landing .hero-numbers .val span{ color: var(--blue-light); }
#foccus-landing .hero-numbers .lbl{
      font-size: 12px;
      color: var(--gray);
      margin-top: 2px;
    }
#foccus-landing .hero-visual{
      position: relative;
      display: flex;
      align-items: flex-end;
      justify-content: center;
      height: 580px;
    }
#foccus-landing .mascote-img{
      height: 100%;
      width: auto;
      object-fit: contain;
      object-position: bottom;
      border-radius: 20px;
      position: relative;
      z-index: 2;
      filter: drop-shadow(0 20px 60px rgba(26,95,168,0.25));
    }
#foccus-landing .mascote-glow{
      position: absolute;
      bottom: 0; left: 50%;
      transform: translateX(-50%);
      width: 300px; height: 300px;
      background: radial-gradient(circle, rgba(26,95,168,0.2) 0%, transparent 70%);
      pointer-events: none;
      z-index: 1;
    }
#foccus-landing .hero-badge{
      position: absolute;
      top: 40px; left: 0;
      background: rgba(11,15,24,0.92);
      border: 1px solid rgba(255,255,255,0.1);
      border-radius: 14px;
      padding: 14px 16px;
      z-index: 3;
      min-width: 170px;
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      animation: foccus-float 4s ease-in-out infinite;
      box-shadow: 0 8px 32px rgba(0,0,0,0.4);
    }
#foccus-landing .hero-badge-2{
      position: absolute;
      bottom: 60px; right: 0;
      background: rgba(11,15,24,0.92);
      border: 1px solid rgba(45,128,212,0.3);
      border-radius: 14px;
      padding: 14px 16px;
      z-index: 3;
      min-width: 180px;
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      animation: foccus-float 4s ease-in-out infinite 2s;
      box-shadow: 0 8px 32px rgba(0,0,0,0.4);
    }
@keyframes foccus-float{
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-10px); }
    }
#foccus-landing .badge-header{
      display: flex;
      align-items: center;
      gap: 7px;
      margin-bottom: 10px;
    }
#foccus-landing .badge-dot-live{
      width: 7px; height: 7px;
      background: #22c55e;
      border-radius: 50%;
      flex-shrink: 0;
      animation: foccus-blink 1.4s infinite;
      box-shadow: 0 0 6px rgba(34,197,94,0.6);
    }
#foccus-landing .badge-title{
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 1.2px;
      text-transform: uppercase;
      color: var(--gray-light);
    }
#foccus-landing .badge-main{
      font-family: 'Space Grotesk', sans-serif;
      font-size: 22px;
      font-weight: 700;
      color: var(--white);
      letter-spacing: -0.8px;
      line-height: 1;
      margin-bottom: 4px;
    }
#foccus-landing .badge-main span{ color: #22c55e; }
#foccus-landing .badge-main .blue{ color: var(--blue-light); }
#foccus-landing .badge-sub{
      font-size: 11px;
      color: var(--gray);
    }
#foccus-landing .badge-sub strong{ color: #22c55e; font-weight: 600; }
#foccus-landing .badge-sub .bluestrong{ color: var(--blue-light); font-weight: 600; }
#foccus-landing .badge-bar{
      margin-top: 10px;
      height: 3px;
      background: rgba(255,255,255,0.07);
      border-radius: 2px;
      overflow: hidden;
    }
#foccus-landing .badge-bar-fill{
      height: 100%;
      border-radius: 2px;
      background: linear-gradient(to right, var(--blue), var(--blue-light));
      animation: foccus-fillbar 2.5s ease-in-out infinite alternate;
    }
@keyframes foccus-fillbar{
      from { width: 55%; }
      to   { width: 82%; }
    }
#foccus-landing .badge-bar-fill.green{
      background: linear-gradient(to right, #16a34a, #22c55e);
    }
#foccus-landing .divider{
      height: 1px;
      background: linear-gradient(to right, transparent, rgba(255,255,255,0.05), transparent);
    }
#foccus-landing .section{ padding: 96px 0; }
@media (max-width: 768px){#foccus-landing .section{ padding: 64px 0; }
}
@media (max-width: 480px){#foccus-landing .section{ padding: 48px 0; }
}
#foccus-landing .section-header{ margin-bottom: 56px; }
#foccus-landing .section-label{
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 2.5px;
      text-transform: uppercase;
      color: var(--blue-light);
      margin-bottom: 14px;
      display: flex;
      align-items: center;
      gap: 8px;
    }
#foccus-landing .section-label::before{
      content: '';
      display: block;
      width: 20px; height: 2px;
      background: var(--blue-light);
      border-radius: 1px;
    }
#foccus-landing h2{
      font-family: 'Space Grotesk', sans-serif;
      font-size: clamp(26px, 3.5vw, 42px);
      font-weight: 700;
      letter-spacing: -1.5px;
      line-height: 1.1;
      margin-bottom: 14px;
    }
#foccus-landing .section-desc{
      font-size: 17px;
      color: var(--gray-light);
      max-width: 500px;
      line-height: 1.65;
    }
#foccus-landing .steps{
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 1px;
      background: rgba(255,255,255,0.04);
      border-radius: 14px;
      overflow: hidden;
      border: 1px solid rgba(255,255,255,0.05);
    }
@media (max-width: 768px){#foccus-landing .steps{ grid-template-columns: 1fr 1fr; }
}
@media (max-width: 480px){#foccus-landing .steps{ grid-template-columns: 1fr; }
}
#foccus-landing .step{
      background: var(--dark-2);
      padding: 36px 28px;
      transition: background 0.25s;
      position: relative;
    }
#foccus-landing .step:hover{ background: var(--dark-3); }
#foccus-landing .step-icon{
      width: 46px; height: 46px;
      background: rgba(26,95,168,0.1);
      border: 1px solid rgba(45,128,212,0.2);
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 20px;
      font-size: 20px;
    }
#foccus-landing .step-num{
      font-size: 10px;
      font-weight: 700;
      color: var(--blue-light);
      letter-spacing: 2px;
      opacity: 0.6;
      margin-bottom: 10px;
    }
#foccus-landing .step h3{
      font-family: 'Space Grotesk', sans-serif;
      font-size: 17px;
      font-weight: 600;
      letter-spacing: -0.3px;
      margin-bottom: 10px;
    }
#foccus-landing .step p{
      font-size: 13.5px;
      color: var(--gray);
      line-height: 1.65;
    }
#foccus-landing .services-grid{
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1px;
      background: rgba(255,255,255,0.04);
      border-radius: 14px;
      overflow: hidden;
      border: 1px solid rgba(255,255,255,0.05);
    }
@media (max-width: 680px){#foccus-landing .services-grid{ grid-template-columns: 1fr; }
}
#foccus-landing .service-card{
      background: var(--dark-2);
      padding: 48px 40px;
      transition: background 0.25s;
      position: relative;
      overflow: hidden;
    }
#foccus-landing .service-card::before{
      content: '';
      position: absolute;
      top: 0; left: 0; right: 0;
      height: 2px;
      background: linear-gradient(to right, transparent, var(--blue), transparent);
      opacity: 0;
      transition: opacity 0.3s;
    }
#foccus-landing .service-card:hover{ background: var(--dark-3); }
#foccus-landing .service-card:hover::before{ opacity: 1; }
#foccus-landing .service-icon-wrap{
      width: 52px; height: 52px;
      background: rgba(26,95,168,0.1);
      border: 1px solid rgba(45,128,212,0.2);
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 24px;
      font-size: 24px;
    }
#foccus-landing .service-card h3{
      font-family: 'Space Grotesk', sans-serif;
      font-size: 22px;
      font-weight: 700;
      letter-spacing: -0.8px;
      margin-bottom: 6px;
    }
#foccus-landing .service-card .service-sub{
      font-size: 13px;
      color: var(--gray);
      margin-bottom: 20px;
    }
#foccus-landing .service-price{
      font-family: 'Space Grotesk', sans-serif;
      font-size: 36px;
      font-weight: 800;
      letter-spacing: -1.5px;
      color: var(--white);
      margin-bottom: 28px;
      line-height: 1;
    }
#foccus-landing .service-price small{
      font-size: 14px;
      font-weight: 400;
      color: var(--gray);
      letter-spacing: 0;
    }
#foccus-landing .feature-list{
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 12px;
      margin-bottom: 32px;
    }
#foccus-landing .feature-list li{
      display: flex;
      align-items: flex-start;
      gap: 10px;
      font-size: 14px;
      color: var(--gray-light);
      line-height: 1.5;
    }
#foccus-landing .check{
      flex-shrink: 0;
      width: 18px; height: 18px;
      background: rgba(26,95,168,0.15);
      border: 1px solid rgba(45,128,212,0.3);
      border-radius: 5px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 1px;
    }
#foccus-landing .check svg{ display: block; }
#foccus-landing .btn-service{
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: rgba(26,95,168,0.12);
      border: 1px solid rgba(45,128,212,0.25);
      color: var(--blue-light);
      text-decoration: none;
      padding: 12px 20px;
      border-radius: 8px;
      font-size: 14px;
      font-weight: 600;
      transition: all 0.2s;
    }
#foccus-landing .btn-service:hover{
      background: var(--blue);
      border-color: var(--blue);
      color: #fff;
      transform: translateY(-1px);
    }
#foccus-landing .posts-grid{
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 12px;
      margin-top: 0;
    }
@media (max-width: 768px){#foccus-landing .posts-grid{ grid-template-columns: 1fr 1fr; gap: 8px; }
}
@media (max-width: 420px){#foccus-landing .posts-grid{ grid-template-columns: 1fr 1fr; gap: 6px; }
}
#foccus-landing .post-thumb{
      border-radius: 12px;
      overflow: hidden;
      aspect-ratio: 4/5;
      position: relative;
      border: 1px solid rgba(255,255,255,0.05);
      transition: transform 0.3s, box-shadow 0.3s;
    }
#foccus-landing .post-thumb:hover{
      transform: translateY(-6px) scale(1.02);
      box-shadow: 0 20px 50px rgba(0,0,0,0.5);
    }
#foccus-landing .post-thumb img{
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
#foccus-landing .seg-grid{
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
      gap: 10px;
      margin-top: 0;
    }
@media (max-width: 480px){#foccus-landing .seg-grid{ grid-template-columns: 1fr 1fr; gap: 8px; }
}
#foccus-landing .seg-item{
      background: var(--dark-2);
      border: 1px solid rgba(255,255,255,0.05);
      border-radius: 10px;
      padding: 16px 18px;
      display: flex;
      align-items: center;
      gap: 12px;
      font-size: 13.5px;
      font-weight: 500;
      color: var(--gray-light);
      transition: all 0.2s;
      cursor: default;
    }
#foccus-landing .seg-item:hover{
      background: rgba(26,95,168,0.08);
      border-color: rgba(45,128,212,0.2);
      color: var(--white);
    }
#foccus-landing .seg-emoji{ font-size: 18px; }
#foccus-landing .diffs-grid{
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 1px;
      background: rgba(255,255,255,0.04);
      border-radius: 14px;
      overflow: hidden;
      border: 1px solid rgba(255,255,255,0.05);
    }
@media (max-width: 640px){#foccus-landing .diffs-grid{ grid-template-columns: 1fr; }
}
#foccus-landing .diff-card{
      background: var(--dark-2);
      padding: 40px 36px;
      display: flex;
      gap: 20px;
      align-items: flex-start;
      transition: background 0.2s;
    }
#foccus-landing .diff-card:hover{ background: var(--dark-3); }
#foccus-landing .diff-icon-wrap{
      flex-shrink: 0;
      width: 48px; height: 48px;
      background: rgba(26,95,168,0.1);
      border: 1px solid rgba(45,128,212,0.2);
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 22px;
    }
#foccus-landing .diff-card h3{
      font-family: 'Space Grotesk', sans-serif;
      font-size: 17px;
      font-weight: 600;
      letter-spacing: -0.3px;
      margin-bottom: 8px;
    }
#foccus-landing .diff-card p{
      font-size: 13.5px;
      color: var(--gray);
      line-height: 1.65;
    }
#foccus-landing .cta-section{ padding: 96px 0; }
#foccus-landing .cta-box{
      background: var(--dark-2);
      border: 1px solid rgba(45,128,212,0.15);
      border-radius: 20px;
      padding: 80px 64px;
      text-align: center;
      position: relative;
      overflow: hidden;
    }
#foccus-landing .cta-box::before{
      content: '';
      position: absolute;
      top: -200px; left: 50%;
      transform: translateX(-50%);
      width: 600px; height: 400px;
      background: radial-gradient(circle, rgba(26,95,168,0.12) 0%, transparent 65%);
      pointer-events: none;
    }
#foccus-landing .cta-box h2{
      font-size: clamp(26px, 3.5vw, 42px);
      max-width: 580px;
      margin: 0 auto 14px;
    }
#foccus-landing .cta-box > p{
      color: var(--gray-light);
      font-size: 17px;
      max-width: 420px;
      margin: 0 auto 44px;
    }
@media (max-width: 600px){#foccus-landing .cta-box{ padding: 48px 24px; }
}
@media (max-width: 420px){#foccus-landing .cta-box{ padding: 40px 16px; }
}
#foccus-landing .form-wrap{
      max-width: 500px;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      gap: 12px;
      text-align: left;
    }
#foccus-landing .form-row{
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
    }
@media (max-width: 500px){#foccus-landing .form-row{ grid-template-columns: 1fr; }
}
#foccus-landing input,#foccus-landing select,#foccus-landing textarea{
      width: 100%;
      background: rgba(255,255,255,0.04);
      border: 1px solid rgba(255,255,255,0.08);
      border-radius: 8px;
      color: var(--white);
      font-family: 'Inter', sans-serif;
      font-size: 15px;
      padding: 14px 16px;
      outline: none;
      transition: border-color 0.2s, background 0.2s;
      -webkit-appearance: none;
      appearance: none;
    }
#foccus-landing input::placeholder,#foccus-landing textarea::placeholder{ color: var(--gray); }
#foccus-landing input:focus,#foccus-landing select:focus,#foccus-landing textarea:focus{
      border-color: rgba(45,128,212,0.5);
      background: rgba(255,255,255,0.06);
    }
#foccus-landing select option{ background: #0f1520; }
#foccus-landing textarea{ resize: vertical; min-height: 90px; }
#foccus-landing .btn-form{
      width: 100%;
      background: var(--blue);
      color: #fff;
      border: none;
      border-radius: 8px;
      font-family: 'Inter', sans-serif;
      font-size: 15px;
      font-weight: 700;
      padding: 16px;
      cursor: pointer;
      transition: all 0.2s;
      letter-spacing: -0.1px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
    }
#foccus-landing .btn-form:hover{
      background: var(--blue-light);
      transform: translateY(-1px);
      box-shadow: 0 10px 30px rgba(26,95,168,0.35);
    }
#foccus-landing .form-note{
      font-size: 12px;
      color: var(--gray);
      text-align: center;
    }
#foccus-landing footer{
      padding: 36px 0;
      border-top: 1px solid rgba(255,255,255,0.04);
    }
#foccus-landing footer .container{
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 16px;
    }
#foccus-landing footer .foot-logo img{
      height: 30px;
      filter: brightness(0) invert(1);
      opacity: 0.5;
    }
#foccus-landing footer p{
      font-size: 13px;
      color: var(--gray);
    }
#foccus-landing footer a{
      color: var(--gray);
      text-decoration: none;
      font-size: 13px;
      transition: color 0.2s;
    }
#foccus-landing footer a:hover{ color: var(--white); }
@media (max-width: 900px){#foccus-landing nav{
        background: rgba(5, 8, 13, 0.92);
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
      }
#foccus-landing nav .container{
        min-height: 68px;
      }
#foccus-landing .nav-logo img{
        height: 38px;
      }
#foccus-landing .nav-logo span{
        font-size: 18px;
      }
#foccus-landing .cta-nav{
        min-height: 40px;
        padding: 0 14px;
        font-size: 12px;
        white-space: nowrap;
      }
#foccus-landing .hero{
        gap: 28px;
        padding: 96px 0 48px;
      }
#foccus-landing .hero > .container{
        width: 100%;
      }
#foccus-landing .tag{
        margin-bottom: 18px;
      }
#foccus-landing h1{
        max-width: 680px;
        margin-inline: auto;
      }
#foccus-landing .hero-sub{
        max-width: 560px;
        margin-bottom: 28px;
      }
#foccus-landing .hero-numbers{
        width: min(520px, 100%);
        justify-content: center;
        gap: 12px;
        margin: 34px auto 0;
      }
#foccus-landing .hero-numbers .num{
        min-width: 138px;
        padding: 14px 12px;
        background: rgba(255,255,255,0.035);
        border: 1px solid rgba(255,255,255,0.06);
        border-radius: 12px;
      }
#foccus-landing .hero-numbers .val{
        font-size: 23px;
      }
#foccus-landing .hero-visual{
        height: 390px;
        max-width: min(420px, 100%);
      }
#foccus-landing .mascote-img{
        border-radius: 16px;
      }
#foccus-landing .section-header{
        max-width: 620px;
        margin: 0 auto 34px;
        text-align: center;
      }
#foccus-landing .section-label{
        justify-content: center;
      }
#foccus-landing .section-desc{
        margin-inline: auto;
      }
#foccus-landing .step,#foccus-landing .service-card,#foccus-landing .diff-card{
        padding: 28px 22px;
      }
#foccus-landing .cta-section{
        padding: 64px 0;
      }
}
@media (max-width: 640px){#foccus-landing .container{
        padding: 0 18px;
      }
#foccus-landing nav .container{
        gap: 12px;
      }
#foccus-landing .nav-logo span{
        display: none;
      }
#foccus-landing .cta-nav{
        max-width: 178px;
        padding: 0 12px;
        overflow: hidden;
        text-overflow: ellipsis;
      }
#foccus-landing .hero{
        padding: 112px 0 38px;
        text-align: left;
      }
#foccus-landing .hero::before{
        top: -420px;
        left: -420px;
        width: 760px;
        height: 760px;
      }
#foccus-landing .hero .container:first-child{
        text-align: left;
      }
#foccus-landing .tag{
        max-width: 100%;
        justify-content: center;
        padding: 7px 12px;
        font-size: 10px;
        letter-spacing: 1.2px;
        margin-top: 4px;
      }
#foccus-landing h1{
        margin-inline: 0;
        font-size: clamp(34px, 10.8vw, 48px);
        line-height: 1.04;
        letter-spacing: -1.3px;
      }
#foccus-landing .hero-sub{
        margin: 0 0 26px;
        font-size: 15.5px;
        line-height: 1.65;
      }
#foccus-landing .hero-cta{
        align-items: stretch;
        justify-content: flex-start;
        flex-direction: column;
        gap: 12px;
      }
#foccus-landing .btn-primary,#foccus-landing .btn-ghost,#foccus-landing .btn-service{
        width: 100%;
        min-height: 48px;
        justify-content: center;
      }
#foccus-landing .hero-numbers{
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
        margin-top: 26px;
      }
#foccus-landing .hero-numbers .num{
        min-width: 0;
        padding: 12px 8px;
        text-align: center;
      }
#foccus-landing .hero-numbers .val{
        font-size: 20px;
      }
#foccus-landing .hero-numbers .lbl{
        font-size: 10px;
        line-height: 1.25;
      }
#foccus-landing .hero-visual{
        height: 390px;
        max-width: 320px;
        margin-top: 8px;
      }
#foccus-landing .mascote-img{
        max-width: 100%;
        object-fit: cover;
      }
#foccus-landing .mascote-glow{
        width: 240px;
        height: 220px;
      }
#foccus-landing .hero-badge,#foccus-landing .hero-badge-2{
        display: block;
        min-width: 132px;
        max-width: 148px;
        padding: 10px 11px;
        border-radius: 12px;
        text-align: left;
      }
#foccus-landing .hero-badge{
        top: 12px;
        left: 2px;
      }
#foccus-landing .hero-badge-2{
        right: 0;
        bottom: 18px;
      }
#foccus-landing .badge-header{
        gap: 5px;
        margin-bottom: 7px;
      }
#foccus-landing .badge-title{
        font-size: 8.5px;
        letter-spacing: 0.8px;
      }
#foccus-landing .badge-main{
        font-size: 18px;
      }
#foccus-landing .badge-sub{
        font-size: 10px;
      }
#foccus-landing .section{
        padding: 46px 0;
      }
#foccus-landing .section-header{
        margin-bottom: 26px;
        text-align: left;
      }
#foccus-landing .section-label{
        justify-content: flex-start;
        font-size: 10px;
        letter-spacing: 2px;
      }
#foccus-landing h2{
        font-size: clamp(26px, 8.8vw, 34px);
        line-height: 1.08;
        letter-spacing: -1px;
      }
#foccus-landing .section-desc{
        font-size: 15.5px;
        line-height: 1.62;
      }
#foccus-landing .steps,#foccus-landing .services-grid,#foccus-landing .diffs-grid,#foccus-landing .seg-grid{
        border-radius: 14px;
      }
#foccus-landing .step,#foccus-landing .service-card,#foccus-landing .diff-card{
        padding: 24px 20px;
      }
#foccus-landing .diff-card{
        flex-direction: column;
        gap: 14px;
      }
#foccus-landing .service-price{
        font-size: 31px;
      }
#foccus-landing .feature-list{
        gap: 10px;
        margin-bottom: 24px;
      }
#foccus-landing .posts-grid{
        display: flex;
        gap: 12px;
        margin-inline: -18px;
        padding: 0 18px 10px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
      }
#foccus-landing .post-thumb{
        flex: 0 0 78%;
        max-width: 320px;
        scroll-snap-align: center;
        border-radius: 14px;
      }
#foccus-landing .seg-grid{
        grid-template-columns: 1fr 1fr;
        gap: 10px;
      }
#foccus-landing .seg-item{
        min-height: 96px;
        padding: 18px 10px;
        line-height: 1.3;
      }
#foccus-landing .cta-box{
        padding: 38px 18px;
        border-radius: 16px;
      }
#foccus-landing .cta-box h2,#foccus-landing .cta-box > p{
        margin-inline: auto;
      }
#foccus-landing .cta-box > p{
        margin-bottom: 28px;
        font-size: 15.5px;
      }
#foccus-landing .form-wrap{
        gap: 10px;
      }
#foccus-landing input,#foccus-landing select,#foccus-landing textarea{
        min-height: 50px;
        font-size: 16px;
        padding: 14px;
      }
#foccus-landing .btn-form{
        min-height: 52px;
      }
#foccus-landing footer{
        padding: 30px 0 90px;
      }
#foccus-landing footer .container{
        align-items: flex-start;
        flex-direction: column;
      }
}
@media (max-width: 380px){#foccus-landing .container{
        padding: 0 14px;
      }
#foccus-landing .hero-numbers{
        grid-template-columns: 1fr;
      }
#foccus-landing .post-thumb{
        flex-basis: 86%;
      }
#foccus-landing .seg-grid{
        grid-template-columns: 1fr;
      }
}
@media (prefers-reduced-motion: reduce){#foccus-landing, #foccus-landing *,#foccus-landing *::before,#foccus-landing *::after{
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
      }
}
#foccus-landing .fade-up{
      opacity: 0;
      transform: translateY(28px);
      transition: opacity 0.65s ease, transform 0.65s ease;
    }
#foccus-landing .fade-up.visible{
      opacity: 1;
      transform: translateY(0);
    }
#foccus-landing{--blue:#204b86;--blue-light:#b6c9e5;--blue-glow:#7dace526;--dark:#050b17;--dark-2:#0a1323;--dark-3:#101e34;--gray:#94a4bc;--gray-light:#a7b4c9;--white:#e9eef6}
#foccus-landing{scroll-padding-top:100px}
#foccus-landing nav{background:#060e1ce6;padding:16px 0;border-bottom:1px solid #9cb5d51c}
#foccus-landing nav .container{max-width:1320px}
#foccus-landing .nav-logo img{filter:none;width:42px;height:42px;object-fit:cover}
#foccus-landing .nav-logo span{font-size:27px;letter-spacing:-1.5px}
#foccus-landing .nav-links,#foccus-landing .nav-actions{display:flex;align-items:center;gap:28px}
#foccus-landing .nav-links a{font-size:12px;color:#a8b6cc;text-decoration:none;transition:color .3s}
#foccus-landing .nav-links a:hover{color:#fff}
#foccus-landing #language{border:0;background:none;color:#d4dfef;cursor:pointer;font-size:11px}
#foccus-landing nav a.cta-nav,#foccus-landing .btn-primary,#foccus-landing .btn-form{background:linear-gradient(115deg,#ecf1f8,#a9bdd8);color:#102039;border:1px solid #d4dfef;border-radius:4px}
#foccus-landing .btn-primary:hover,#foccus-landing .btn-form:hover{background:#fff;box-shadow:0 10px 40px #a3c1ee25}
#foccus-landing .hero{gap:25px;background:radial-gradient(ellipse at 78% 40%,#1a31573b,transparent 65%)}
#foccus-landing .hero h1{font-size:clamp(42px,5.2vw,77px);font-weight:500;letter-spacing:-3px;line-height:1.08}
#foccus-landing .hero h1 em,#foccus-landing h2 em{font-style:normal;background:linear-gradient(110deg,#eef5ff,#8ea7cb 60%,#dee9f7);background-clip:text;color:transparent}
#foccus-landing .hero-sub{font-size:16px;max-width:510px}
#foccus-landing .tag{font-size:9px;letter-spacing:1.6px;color:#b0c6e4;background:#25436a20;border-color:#9eb6d22e}
#foccus-landing .tag-dot{background:#a9c5ec}
#foccus-landing .hero-visual{height:620px;isolation:isolate;translate:var(--px,0px) var(--py,0px);transition:translate .8s ease-out}
#foccus-landing .mascote-img{height:100%;width:100%;max-width:490px;object-fit:cover;object-position:center 65%;border-radius:200px 200px 14px 14px;mask-image:linear-gradient(#000 85%,transparent);animation:foccus-mascot-float 7s ease-in-out infinite}
#foccus-landing .hero-visual:before{content:'';position:absolute;width:420px;height:420px;top:80px;border:1px solid #9fbada30;border-radius:50%;box-shadow:0 0 100px #597fb620,inset 0 0 70px #5178b512;z-index:-1;animation:foccus-orb-pulse 8s ease-in-out infinite}
#foccus-landing .hero-badge,#foccus-landing .hero-badge-2{background:#101c30d9;border:1px solid #acc4e43b;box-shadow:0 20px 50px #0005;min-width:195px}
#foccus-landing .hero-badge{left:8px;top:95px}
#foccus-landing .hero-badge-2{right:25px;bottom:50px}
#foccus-landing .badge-main{font-size:20px}
#foccus-landing .badge-dot-live{background:#a6c2eb;box-shadow:0 0 10px #a6c2eb}
#foccus-landing .badge-sub,#foccus-landing .badge-sub strong,#foccus-landing .badge-sub .bluestrong{color:#a9b8ce}
#foccus-landing .badge-bar-fill,#foccus-landing .badge-bar-fill.green{background:linear-gradient(90deg,#345b90,#b9cee9)}
#foccus-landing .hero-numbers{gap:35px;margin-top:45px}
#foccus-landing .hero-numbers .val{font-size:24px}
#foccus-landing .hero-numbers .lbl{font-size:10px}
#foccus-landing .section{padding:105px 0}
#foccus-landing .section-header{margin-bottom:40px}
#foccus-landing h2{font-size:clamp(32px,3.6vw,50px);font-weight:500;letter-spacing:-1.8px}
#foccus-landing .section-desc{font-size:15px}
#foccus-landing .section-label{font-size:9px;color:#a5bedf}
#foccus-landing .steps,#foccus-landing .services-grid,#foccus-landing .diffs-grid{border-color:#96b7e41c;background:#96b7e419}
#foccus-landing .service-card{padding:46px 38px;background:linear-gradient(140deg,#111f36,#091223)}
#foccus-landing .service-card:hover{background:linear-gradient(140deg,#1a3050,#0c1729)}
#foccus-landing .service-price{font-size:38px;color:#e4edf9}
#foccus-landing .service-price>small:first-child{display:block;font-size:10px;text-transform:uppercase;letter-spacing:2px;margin-bottom:12px}
#foccus-landing .service-icon-wrap,#foccus-landing .step-icon,#foccus-landing .diff-icon-wrap{filter:grayscale(1);border-color:#a5bedf33;background:#a5bedf0a}
#foccus-landing .price-note{font-size:11px;line-height:1.8;color:#879bb8;max-width:700px;margin-top:25px}
#foccus-landing .portfolio-controls{display:flex;justify-content:space-between;align-items:center;margin:0 0 22px;font-size:10px;letter-spacing:2px;color:#9bb0cf}
#foccus-landing .portfolio-controls button{width:43px;height:43px;border:1px solid #839fc344;color:#dbe6f5;background:#0c1728;cursor:pointer;border-radius:50%;margin-left:8px;font-size:18px;transition:background .3s}
#foccus-landing .portfolio-controls button:hover{background:#29466e}
#foccus-landing .posts-grid{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#617c9e #0b1423;padding:10px 0 25px}
#foccus-landing .post-thumb{flex:0 0 calc(33.333% - 14px);scroll-snap-align:start;aspect-ratio:4/5;min-width:0}
#foccus-landing .post-thumb img{width:100%;height:100%;object-fit:cover}
#foccus-landing .post-thumb:hover{transform:translateY(-5px)}
#foccus-landing .global-section{background:radial-gradient(ellipse at 75% 50%,#1d385c55,#0a1425 65%);border-block:1px solid #8ca9d322}
#foccus-landing .global-grid,#foccus-landing .faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}
#foccus-landing .global-grid .btn-primary{margin-top:30px}
#foccus-landing .global-visual{height:350px;position:relative;display:grid;place-items:center;overflow:hidden}
#foccus-landing .globe{width:270px;height:270px;border-radius:50%;border:1px solid #aac7e766;background:repeating-radial-gradient(ellipse at center,transparent 0,transparent 26px,#a5c4eb20 27px,transparent 28px),radial-gradient(at 30% 25%,#5e7da65c,#08162c 70%);box-shadow:inset -25px -10px 40px #0008,0 0 80px #527fb220;position:relative;animation:foccus-orb-pulse 8s ease-in-out infinite}
#foccus-landing .globe:after,#foccus-landing .globe:before{content:'';position:absolute;inset:0 60px;border:1px solid #afc9ec44;border-radius:50%;transform:rotate(-25deg)}
#foccus-landing .globe:after{inset:65px -25px;transform:rotate(-25deg)}
#foccus-landing .location{position:absolute;font-size:9px;letter-spacing:2px;padding:8px 12px;border:1px solid #9bb7df55;background:#10213be6}
#foccus-landing .loc-br{left:25px;bottom:90px}
#foccus-landing .loc-global{right:0;top:85px}
#foccus-landing .global-caption{position:absolute;bottom:0;font-size:8px;letter-spacing:3px;color:#829fc6}
#foccus-landing .faq-grid{align-items:start}
#foccus-landing .faq-list details{border-bottom:1px solid #a3bbda22;padding:22px 0}
#foccus-landing .faq-list details:first-child{padding-top:0}
#foccus-landing .faq-list summary{font-size:15px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}
#foccus-landing .faq-list summary:after{content:'+';color:#93b1da}
#foccus-landing .faq-list details[open] summary:after{content:'−'}
#foccus-landing .faq-list details p{color:#9bacc4;font-size:13px;line-height:1.8;margin-top:15px}
#foccus-landing .cta-box{background:radial-gradient(at 50% 0,#203a5a70,#0a1425 60%);border-color:#8ca9d333}
#foccus-landing .form-wrap input,#foccus-landing .form-wrap select{color:#e7eef9!important}
#foccus-landing .form-wrap input::placeholder{color:#9caec6}
#foccus-landing .form-wrap select option{background:#101e32}
#foccus-landing .form-wrap input:focus,#foccus-landing .form-wrap select:focus{outline:1px solid #a8c5ea;border-color:#a8c5ea}
#foccus-landing .btn-form{cursor:pointer}
#foccus-landing #brief-result{padding:20px;border:1px solid #8ca9d355;text-align:left;font-size:13px}
#foccus-landing #brief-result p{font-size:13px;margin:0 0 10px}
#foccus-landing #brief-result a{color:#c6dcfa}
#foccus-landing footer .foot-logo img{filter:none}
#foccus-landing .scroll-progress{position:fixed;top:0;left:0;width:100%;height:2px;transform:scaleX(0);transform-origin:left;background:#bdcee7;z-index:1001;pointer-events:none}
#foccus-landing .fade-up{opacity:1;transform:none}
#foccus-landing.motion-ready .fade-up{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}
#foccus-landing.motion-ready .fade-up.visible{opacity:1;transform:none}
#foccus-landing a,#foccus-landing button,#foccus-landing input,#foccus-landing select,#foccus-landing summary{outline-offset:5px}
@keyframes foccus-mascot-float{50%{transform:translateY(-10px)}}
@keyframes foccus-orb-pulse{50%{transform:scale(1.04);filter:brightness(1.15)}}
@media(max-width:1000px){#foccus-landing .nav-links{display:none}
#foccus-landing .hero-visual{height:500px}
#foccus-landing .hero-badge{left:12%}
#foccus-landing .hero-badge-2{right:10%}
#foccus-landing .global-grid,#foccus-landing .faq-grid{gap:35px}
#foccus-landing .hero h1{font-size:62px}
}
@media(max-width:900px){#foccus-landing .hero-visual{max-width:500px;width:100%;padding:0!important}
#foccus-landing .hero h1{font-size:clamp(40px,7vw,62px)}
#foccus-landing .hero-visual:before{width:350px;height:350px}
#foccus-landing .hero{gap:15px}
#foccus-landing .hero-sub{max-width:550px}
#foccus-landing .hero-badge{left:0}
#foccus-landing .hero-badge-2{right:0}
}
@media(max-width:680px){#foccus-landing .nav-actions{gap:12px}
#foccus-landing nav a.cta-nav{font-size:10px;padding:10px 12px}
#foccus-landing .nav-logo span{font-size:23px}
#foccus-landing .nav-logo img{width:32px;height:32px}
#foccus-landing .section{padding:65px 0}
#foccus-landing .hero{padding-top:125px}
#foccus-landing .hero h1{letter-spacing:-2px}
#foccus-landing .hero-visual{height:430px;max-width:390px}
#foccus-landing .hero-badge,#foccus-landing .hero-badge-2{display:block;min-width:145px;padding:12px}
#foccus-landing .hero-badge{top:45px;left:0}
#foccus-landing .hero-badge-2{right:0;bottom:35px}
#foccus-landing .badge-main{font-size:15px}
#foccus-landing .badge-sub{font-size:9px}
#foccus-landing .badge-title{font-size:8px}
#foccus-landing .hero-visual:before{width:290px;height:290px}
#foccus-landing .hero-sub{font-size:14px}
#foccus-landing .hero-numbers{gap:22px}
#foccus-landing .hero-numbers .val{font-size:22px}
#foccus-landing .hero-numbers .lbl{font-size:9px}
#foccus-landing .hero-cta{gap:20px}
#foccus-landing .hero-cta .btn-primary{font-size:13px}
#foccus-landing .post-thumb{flex-basis:80%}
#foccus-landing .posts-grid{gap:14px}
#foccus-landing .global-grid,#foccus-landing .faq-grid{grid-template-columns:1fr}
#foccus-landing .global-visual{height:320px}
#foccus-landing .service-card{padding:35px 25px}
#foccus-landing .cta-box{padding:40px 20px}
#foccus-landing .tag{font-size:8px;letter-spacing:1px}
#foccus-landing .global-grid h2{font-size:40px}
}
@media(prefers-reduced-motion:reduce){#foccus-landing{scroll-behavior:auto}
#foccus-landing, #foccus-landing *,#foccus-landing *:before,#foccus-landing *:after{animation:none!important;transition:none!important}
#foccus-landing.motion-ready .fade-up{opacity:1;transform:none}
#foccus-landing .hero-visual{translate:none}
}
@media(min-width:681px) and (max-width:900px){#foccus-landing .hero{padding-top:145px}
}
#foccus-landing .brand-sculpture{position:relative;width:min(100%,480px);height:100%;display:grid;place-items:center;isolation:isolate}
#foccus-landing .brand-core{width:280px;height:340px;background:linear-gradient(140deg,#314b6e44,#0a1425cc);border:1px solid #c8d8ee55;border-radius:100px 22px 100px 22px;box-shadow:inset 0 0 50px #9eb7da15,20px 35px 90px #0006;transform:rotate(-10deg);display:grid;place-items:center;animation:foccus-brand-float 8s ease-in-out infinite}
#foccus-landing .brand-core img{width:260px;height:300px;object-fit:contain;transform:rotate(10deg);filter:drop-shadow(0 15px 30px #afcfff25)}
#foccus-landing .brand-ring{position:absolute;width:440px;height:280px;border:1px solid #9ebbe455;border-radius:50%;z-index:-1;transform:rotate(-35deg)}
#foccus-landing .ring-two{width:390px;height:420px;transform:rotate(35deg);border-color:#9ebbe42b}
#foccus-landing .brand-caption{position:absolute;bottom:30px;font-size:8px;letter-spacing:3px;color:#9cb6db}
#foccus-landing .hero-visual:before{top:100px}
#foccus-landing .hero-badge,#foccus-landing .hero-badge-2{z-index:4}
@keyframes foccus-brand-float{50%{transform:translateY(-12px) rotate(-6deg)}}
@media(max-width:680px){#foccus-landing .brand-core{width:215px;height:275px}
#foccus-landing .brand-core img{width:220px;height:260px}
#foccus-landing .brand-ring{width:340px;height:210px}
#foccus-landing .ring-two{width:290px;height:330px}
#foccus-landing .brand-caption{font-size:6px;bottom:15px;letter-spacing:2px}
}
@media(prefers-reduced-motion:reduce){#foccus-landing .brand-core{animation:none}
}
#foccus-landing{--gray:#fff;--gray-light:#fff;--white:#fff;--blue-light:#87b9ff;--accent-cyan:#5eddd4;--accent-lilac:#ad9dff}
#foccus-landing .hero{background:radial-gradient(ellipse at 85% 25%,#347deb24,transparent 48%),radial-gradient(ellipse at 70% 80%,#9465dc13,transparent 48%)}
#foccus-landing .hero:before{background:radial-gradient(circle,#2289cb14,transparent 65%)}
#foccus-landing .hero h1 em{background:linear-gradient(110deg,#fff 8%,#8fc4ff 54%,#bcb0ff 95%);background-clip:text;color:transparent}
#foccus-landing .hero-sub,#foccus-landing .section-desc,#foccus-landing .step p,#foccus-landing .service-card .service-sub,#foccus-landing .feature-list li,#foccus-landing .diff-card p,#foccus-landing .faq-list details p,#foccus-landing .cta-box>p,#foccus-landing .form-note,#foccus-landing .proposal-note,#foccus-landing .hero-numbers .lbl,#foccus-landing .badge-sub,#foccus-landing .badge-sub strong,#foccus-landing .badge-sub .bluestrong,#foccus-landing .btn-ghost,#foccus-landing .nav-links a,#foccus-landing footer p,#foccus-landing footer a{color:#fff}
#foccus-landing .hero-sub,#foccus-landing .section-desc,#foccus-landing .step p,#foccus-landing .feature-list li,#foccus-landing .diff-card p,#foccus-landing .faq-list details p{font-weight:400}
#foccus-landing .section-label{color:#fff}
#foccus-landing .section-label:before{background:linear-gradient(90deg,#6daaff,#71ddd1)}
#foccus-landing .tag{color:#fff;border-color:#83b9ff4d;background:#29538719}
#foccus-landing .tag-dot{background:#76e0cf;box-shadow:0 0 15px #76e0cf66}
#foccus-landing .service-icon-wrap,#foccus-landing .step-icon,#foccus-landing .diff-icon-wrap{filter:none;background:#4b8bd914;border-color:#79a9ea30}
#foccus-landing .service-card:nth-child(2) .service-icon-wrap{background:#a18af51a;border-color:#a18af533}
#foccus-landing .steps .step:nth-child(2) .step-icon{background:#6ed6c815}
#foccus-landing .steps .step:nth-child(3) .step-icon{background:#b69afe14}
#foccus-landing .steps .step:nth-child(4) .step-icon{background:#ffbd7414}
#foccus-landing .service-card{border-top:2px solid #649cf277;transition:background .4s,box-shadow .4s}
#foccus-landing .service-card:nth-child(2){border-top-color:#b6a1fb88}
#foccus-landing .service-card:hover{box-shadow:inset 0 0 70px #3974c511}
#foccus-landing .service-card:nth-child(2):hover{background:linear-gradient(140deg,#29213f,#0b1525)}
#foccus-landing .service-card .service-sub{margin-bottom:30px}
#foccus-landing .btn-service{color:#fff;border-color:#80b7ff55;background:#397ad51c}
#foccus-landing .btn-service:hover{background:#3168a9;color:white}
#foccus-landing .service-card:nth-child(2) .btn-service{border-color:#b3a0f755;background:#9471dd16}
#foccus-landing .service-card:nth-child(2) .btn-service:hover{background:#6756a7}
#foccus-landing .check{background:#7db7ff19;border-color:#7db7ff55}
#foccus-landing .check svg path{stroke:#8abdfb}
#foccus-landing .service-card:nth-child(2) .check svg path{stroke:#b7a3ff}
#foccus-landing .proposal-note{font-size:12px;line-height:1.8;max-width:760px;margin-top:24px}
#foccus-landing .hero-visual{height:540px;align-items:center;translate:none!important}
#foccus-landing .hero-visual:before{display:none}
#foccus-landing .brand-halo{position:relative;width:100%;height:100%;display:grid;place-items:center;isolation:isolate}
#foccus-landing .brand-halo:before{content:'';position:absolute;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,#5b97d51c,transparent 67%);z-index:-1}
#foccus-landing .brand-halo img{width:320px;height:320px;object-fit:contain;filter:drop-shadow(0 0 35px #78b5ea25)}
#foccus-landing .halo-line{position:absolute;width:350px;height:350px;border:1px solid #8ebdff25;border-radius:50%}
#foccus-landing .halo-one{transform:rotate(-30deg) scaleY(.66);border-top-color:#73daceaa;border-bottom-color:#729cff77;animation:foccus-halo-orbit 20s linear infinite}
#foccus-landing .halo-two{transform:rotate(45deg) scaleY(.8);width:410px;height:410px;border-right-color:#a49ae655;animation:foccus-halo-orbit-reverse 26s linear infinite}
#foccus-landing .halo-point{position:absolute;width:5px;height:5px;border-radius:50%;background:#77ddd1;box-shadow:0 0 15px #77ddd199}
#foccus-landing .point-one{top:29%;right:20%}
#foccus-landing .point-two{bottom:29%;left:20%;background:#b2a3ff;box-shadow:0 0 15px #b2a3ff99}
#foccus-landing .hero-badge,#foccus-landing .hero-badge-2{animation:none!important;box-shadow:none;border:0;border-left:2px solid #70cbd3;border-radius:0;background:none;backdrop-filter:none;min-width:220px;padding:12px 18px;z-index:2}
#foccus-landing .hero-badge{top:16px;left:12px}
#foccus-landing .hero-badge-2{bottom:12px;right:0;border-left-color:#af9cf1}
#foccus-landing .badge-title{color:white;font-size:9px;letter-spacing:2px}
#foccus-landing .badge-main{color:white;font-size:22px}
#foccus-landing .badge-sub{font-size:10px;line-height:1.8}
#foccus-landing .badge-dot-live{background:#6fdfcd;box-shadow:0 0 9px #6fdfcd66;animation:none}
#foccus-landing .hero-badge-2 .badge-dot-live{background:#ad9dff;box-shadow:0 0 9px #ad9dff66}
#foccus-landing .badge-bar{background:#ffffff12;height:2px;max-width:210px}
#foccus-landing .badge-bar-fill{background:linear-gradient(90deg,#468dcb,#72dfce)}
#foccus-landing .badge-bar-fill.green{background:linear-gradient(90deg,#657dd9,#c3a4fa)}
#foccus-landing .hero-numbers .val span{color:#86beff}
#foccus-landing .hero-numbers .num:nth-child(2) .val span{color:#b3a1f4}
#foccus-landing .seg-item{transition:border-color .3s,background .3s,transform .3s}
#foccus-landing .seg-item:hover{border-color:#91baff66;background:#1a355548;transform:translateY(-3px)}
#foccus-landing .global-caption,#foccus-landing .location,#foccus-landing .portfolio-controls{color:white}
#foccus-landing .global-section{background:radial-gradient(ellipse at 75% 50%,#227a9120,transparent 50%),#0a1425}
#foccus-landing .globe{border-color:#82c7e666;box-shadow:inset -25px -10px 40px #0008,0 0 65px #6bc2cb12}
#foccus-landing .portfolio-controls button:hover{border-color:#97bdfb;background:#29466e}
#foccus-landing .faq-list summary:after{color:#a9c7ff}
#foccus-landing .faq-list details[open]{border-color:#8ab9eb66}
#foccus-landing .form-wrap input::placeholder{color:#fff}
#foccus-landing .form-wrap input,#foccus-landing .form-wrap select{border-color:#8aade94d}
#foccus-landing .scroll-progress{background:linear-gradient(90deg,#7eb8ff,#73dccf,#b5a2ff)}
@keyframes foccus-halo-orbit{0%{transform:rotate(-30deg) scaleY(.66)}100%{transform:rotate(330deg) scaleY(.66)}}
@keyframes foccus-halo-orbit-reverse{0%{transform:rotate(45deg) scaleY(.8)}100%{transform:rotate(-315deg) scaleY(.8)}}
@media(max-width:900px){#foccus-landing .hero-visual{height:510px;max-width:500px}
#foccus-landing .hero-badge{top:0;left:0}
#foccus-landing .hero-badge-2{bottom:0;right:0}
}
@media(max-width:680px){#foccus-landing .hero-visual{height:440px;max-width:390px}
#foccus-landing .brand-halo img{width:265px;height:265px}
#foccus-landing .halo-line{width:290px;height:290px}
#foccus-landing .halo-two{width:340px;height:340px}
#foccus-landing .hero-badge,#foccus-landing .hero-badge-2{display:block;min-width:175px;padding:8px 12px}
#foccus-landing .hero-badge{top:0;left:8px}
#foccus-landing .hero-badge-2{bottom:0;right:0}
#foccus-landing .badge-main{font-size:18px}
#foccus-landing .badge-title{font-size:8px}
#foccus-landing .badge-sub{font-size:9px}
#foccus-landing .halo-point{width:4px;height:4px}
#foccus-landing .section-desc{font-size:14px}
}
@media(prefers-reduced-motion:reduce){#foccus-landing .halo-line{animation:none}
}

#foccus-landing{position:relative;width:100%;isolation:isolate;overflow-x:clip}#foccus-landing a{text-decoration:none}#foccus-landing button,#foccus-landing input,#foccus-landing select{font-family:inherit}body.admin-bar #foccus-landing nav{top:32px}@media(max-width:782px){body.admin-bar #foccus-landing nav{top:46px}}@media(max-width:600px){body.admin-bar #foccus-landing nav{position:absolute;top:0}}