:root{
      --bg: #ffffff;
      --bg2:#fff7f3;
      --text:#1f2430;
      --muted:#5b6477;
      --muted2:#7a849a;
      --border: rgba(18, 24, 40, .10);
      --shadow: 0 18px 40px rgba(18, 24, 40, .08);
      --shadow2: 0 10px 26px rgba(18, 24, 40, .10);
      --brand:#ff4d6d;
      --brand2:#2d6bff;
      --brand3:#15b7a6;
      --deep:#0f172a;
      --card:#ffffff;
      --card2:#0f172a;
      --link:#2457ff;
      --focus: rgba(45,107,255,.28);
      --radius: 18px;
      --radius2: 26px;
      --max: 1140px;
    }

    *{ box-sizing:border-box; }
    html{ scroll-behavior:smooth; }
    body{
      margin:0;
      font-family: ui-sans-serif, system-ui, -apple-system, "PingFang SC","Microsoft YaHei", "Noto Sans SC", Arial, sans-serif;
      color:var(--text);
      background:
        radial-gradient(900px 420px at 15% -5%, rgba(255,77,109,.12), transparent 55%),
        radial-gradient(900px 420px at 80% 0%, rgba(45,107,255,.10), transparent 55%),
        radial-gradient(900px 420px at 70% 70%, rgba(21,183,166,.10), transparent 55%),
        linear-gradient(#fff, #fff 35%, #fff7f3);
    }

    .skip-link{
      position:absolute; left:12px; top:-48px;
      padding:10px 12px; background:#111827; color:#fff;
      border-radius:12px; z-index:9999; transition: top .2s ease;
    }
    .skip-link:focus{ top:12px; outline: 3px solid var(--focus); outline-offset: 2px; }

    .container{
      width: min(var(--max), calc(100% - 32px));
      margin: 0 auto;
    }

    .site-header{
      position: sticky;
      top: 0;
      z-index: 50;
      background: rgba(255,255,255,.72);
      backdrop-filter: blur(10px);
      border-bottom: 1px solid rgba(18, 24, 40, .07);
    }

    .nav-container{
      display:flex;
      align-items:center;
      justify-content:space-between;
      padding: 12px 0;
      gap: 14px;
    }

    .brand{
      display:flex;
      align-items:center;
      gap: 12px;
      min-width: 240px;
    }
    .brand-link{ display:flex; align-items:center; gap:10px; text-decoration:none; color:inherit; }
    .ai-page-logo{ width: 42px; height: auto; display:block; border-radius: 12px; }
    .brand-meta{ display:flex; flex-direction:column; line-height:1.1; }
    .brand-name{ font-weight: 800; letter-spacing:.2px; }
    .brand-sub{ font-size: 12px; color: var(--muted); margin-top: 4px; }

    .desktop-nav{
      display:flex;
      align-items:center;
      gap: 18px;
      flex: 1;
      justify-content: center;
    }
    .nav-link{
      text-decoration:none;
      color: var(--muted);
      font-weight: 650;
      font-size: 14px;
      padding: 10px 10px;
      border-radius: 12px;
      transition: background .2s ease, color .2s ease, transform .2s ease;
      white-space: nowrap;
    }
    .nav-link:hover{
      background: rgba(45,107,255,.08);
      color: #203055;
      transform: translateY(-1px);
    }
    .nav-cta{
      background: linear-gradient(120deg, rgba(255,77,109,.16), rgba(45,107,255,.10));
      color: #1b2a57;
      border: 1px solid rgba(45,107,255,.18);
    }

    .nav-actions{
      display:flex;
      align-items:center;
      gap: 10px;
      min-width: 220px;
      justify-content: flex-end;
    }

    .icon-btn{
      border:1px solid rgba(18,24,40,.10);
      background:#fff;
      color:#111827;
      border-radius: 14px;
      height: 42px;
      width: 46px;
      display:flex;
      align-items:center;
      justify-content:center;
      cursor:pointer;
      transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    }
    .icon-btn:hover{
      transform: translateY(-1px);
      box-shadow: 0 12px 26px rgba(18,24,40,.08);
      border-color: rgba(45,107,255,.25);
    }
    .icon-btn:focus{ outline: 3px solid var(--focus); outline-offset: 2px; }

    .btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap: 10px;
      padding: 12px 16px;
      border-radius: 14px;
      text-decoration:none;
      border: 1px solid rgba(18,24,40,.12);
      font-weight: 780;
      font-size: 14px;
      cursor:pointer;
      transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
      user-select:none;
    }
    .btn:focus{ outline: 3px solid var(--focus); outline-offset: 2px; }
    .btn-solid{
      border-color: rgba(255,77,109,.35);
      color: #0b1022;
      background:
        linear-gradient(120deg, rgba(255,77,109,.95), rgba(45,107,255,.85));
      color: #fff;
      box-shadow: 0 16px 36px rgba(255,77,109,.18);
    }
    .btn-solid:hover{ transform: translateY(-2px); box-shadow: 0 22px 52px rgba(255,77,109,.22); }
    .btn-ghost{
      background: rgba(255,255,255,.78);
      color: #1f2a44;
    }
    .btn-ghost:hover{
      transform: translateY(-2px);
      background: rgba(45,107,255,.06);
      border-color: rgba(45,107,255,.28);
      box-shadow: 0 18px 38px rgba(45,107,255,.10);
    }
    .btn-full{ width: 100%; }
    .btn-ic{ display:inline-block; transform: translateY(1px); }

    .hero{
      position: relative;
      overflow:hidden;
      padding: 54px 0 28px;
      background: linear-gradient(180deg, rgba(255,255,255,.0), rgba(255,247,243,1) 65%);
      border-bottom: 1px solid rgba(18,24,40,.07);
    }

    .hero-grid{
      position: relative;
      display:grid;
      grid-template-columns: 1.25fr .85fr;
      align-items:start;
      gap: 22px;
      padding-top: 14px;
    }

    .hero-copy{ padding: 10px 0; }
    .pill-row{ display:flex; flex-wrap:wrap; gap: 10px; margin-bottom: 14px; }
    .pill{
      font-weight: 800;
      font-size: 12px;
      padding: 8px 12px;
      border-radius: 999px;
      border: 1px solid rgba(18,24,40,.10);
      background: rgba(255,255,255,.72);
      color: #243049;
    }
    .pill-strong{
      border-color: rgba(255,77,109,.22);
      background: rgba(255,77,109,.10);
      color: #9a0d2c;
    }

    .hero-title{
      font-size: clamp(26px, 4.2vw, 44px);
      margin: 0;
      letter-spacing: -0.5px;
      line-height: 1.12;
    }
    .hero-desc{
      margin: 14px 0 18px;
      color: var(--muted);
      font-size: 15px;
      line-height: 1.65;
      max-width: 58ch;
    }

    .hero-actions{
      display:flex;
      flex-wrap:wrap;
      gap: 12px;
      margin: 6px 0 20px;
    }

    .hero-mini{
      display:grid;
      grid-template-columns: repeat(3, minmax(0,1fr));
      gap: 10px;
      margin-top: 8px;
    }

    .mini-item{
      border-radius: 16px;
      border: 1px solid rgba(18,24,40,.10);
      background: rgba(255,255,255,.74);
      padding: 12px 12px;
      display:flex;
      gap: 10px;
      align-items:flex-start;
      transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    }
    .mini-item:hover{
      transform: translateY(-2px);
      box-shadow: 0 18px 40px rgba(18,24,40,.10);
      border-color: rgba(45,107,255,.24);
    }
    .mini-ic{
      width: 34px; height: 34px;
      display:flex; align-items:center; justify-content:center;
      border-radius: 14px;
      background: linear-gradient(135deg, rgba(45,107,255,.10), rgba(255,77,109,.10));
      color: #1f2a44;
      flex: 0 0 auto;
    }
    .mini-title{ font-weight: 850; font-size: 13px; }
    .mini-sub{ font-size: 12px; color: var(--muted); margin-top: 3px; }

    .hero-side{ align-self: stretch; }
    .hero-panel{
      border-radius: var(--radius2);
      background:
        radial-gradient(800px 320px at 30% 0%, rgba(255,77,109,.18), transparent 55%),
        radial-gradient(700px 320px at 90% 10%, rgba(45,107,255,.16), transparent 55%),
        linear-gradient(180deg, rgba(255,255,255,.86), rgba(255,255,255,.72));
      border: 1px solid rgba(18,24,40,.10);
      box-shadow: var(--shadow);
      padding: 18px;
    }
    .panel-head{ display:flex; align-items:center; justify-content:space-between; gap: 10px; margin-bottom: 12px; }
    .panel-title{ font-weight: 900; letter-spacing:-.2px; }
    .panel-tag{
      font-size: 12px;
      font-weight: 800;
      padding: 7px 10px;
      border-radius: 999px;
      border: 1px solid rgba(18,24,40,.10);
      background: rgba(255,255,255,.78);
      color: var(--muted);
      white-space: nowrap;
    }

    .metric-grid{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
    }
    .metric-card{
      border-radius: 16px;
      border: 1px solid rgba(18,24,40,.10);
      background: rgba(255,255,255,.72);
      padding: 12px 12px;
      transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
      min-height: 78px;
      display:flex; flex-direction:column; justify-content:center;
    }
    .metric-card:hover{
      transform: translateY(-2px);
      box-shadow: 0 18px 40px rgba(18,24,40,.10);
      border-color: rgba(255,77,109,.22);
    }
    .metric-value{ font-weight: 920; font-size: 13px; }
    .metric-desc{ margin-top: 5px; font-size: 12px; color: var(--muted); line-height:1.35; }

    .panel-divider{
      height:1px; background: rgba(18,24,40,.08);
      margin: 14px 0;
    }

    .side-cta-title{ font-weight: 920; letter-spacing:-.2px; }
    .side-cta-sub{ margin-top: 6px; color: var(--muted); font-size: 13px; line-height:1.5; }
    .side-cta-actions{ margin-top: 12px; }

    .hero-bg{ position:absolute; inset:0; pointer-events:none; }
    .orb{
      position:absolute;
      width: 520px; height: 520px;
      border-radius: 50%;
      filter: blur(30px);
      opacity: .55;
      transform: translateZ(0);
    }
    .orb-a{ left:-200px; top:-260px; background: rgba(255,77,109,.32); }
    .orb-b{ right:-240px; top:-220px; background: rgba(45,107,255,.28); }
    .orb-c{ right:-120px; bottom:-310px; background: rgba(21,183,166,.25); width: 560px; height: 560px; }
    .grid-lines{
      position:absolute; inset:-40px;
      background:
        linear-gradient(to right, rgba(18,24,40,.06) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(18,24,40,.06) 1px, transparent 1px);
      background-size: 84px 84px;
      mask-image: radial-gradient(circle at 40% 20%, rgba(0,0,0,1), rgba(0,0,0,0) 60%);
      opacity:.28;
    }

    .section{ padding: 56px 0; }
    .section-compact{ padding: 20px 0 40px; }
    .section-alt{
      background:
        radial-gradient(900px 420px at 10% 10%, rgba(255,77,109,.06), transparent 52%),
        radial-gradient(900px 420px at 90% 0%, rgba(45,107,255,.06), transparent 52%),
        linear-gradient(180deg, rgba(255,255,255,0), rgba(255,247,243,.60));
      border-top: 1px solid rgba(18,24,40,.05);
      border-bottom: 1px solid rgba(18,24,40,.05);
    }

    .section-head{ display:flex; flex-direction:column; gap: 10px; margin-bottom: 22px; }
    .section-title{ margin:0; font-size: 28px; letter-spacing: -0.4px; }
    .section-sub{ margin:0; color: var(--muted); line-height:1.7; max-width: 72ch; font-size: 14px; }

    .about-grid{
      display:grid;
      grid-template-columns: 1.05fr .95fr;
      gap: 14px;
      align-items: stretch;
    }

    .about-card{
      border: 1px solid rgba(18,24,40,.10);
      border-radius: var(--radius2);
      background: rgba(255,255,255,.76);
      padding: 18px;
      box-shadow: 0 10px 26px rgba(18,24,40,.06);
      transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    }
    .about-card:hover{
      transform: translateY(-2px);
      border-color: rgba(45,107,255,.22);
      box-shadow: 0 18px 40px rgba(18,24,40,.10);
    }
    .about-card-contrast{
      background:
        radial-gradient(700px 280px at 0% 0%, rgba(255,77,109,.14), transparent 45%),
        linear-gradient(180deg, rgba(255,255,255,.86), rgba(255,255,255,.70));
    }

    .card-kicker{
      font-weight: 900;
      color: #25314d;
      font-size: 12px;
      letter-spacing: .18px;
      text-transform: uppercase;
    }
    .card-title{
      font-size: 20px;
      font-weight: 950;
      letter-spacing:-.3px;
      margin-top: 8px;
    }
    .card-text{ margin-top: 10px; color: var(--muted); line-height:1.75; font-size: 14px; }

    .chip-row{ display:flex; flex-wrap:wrap; gap: 10px; margin-top: 14px; }
    .chip{
      font-size: 12px;
      padding: 8px 10px;
      border-radius: 999px;
      border: 1px solid rgba(18,24,40,.10);
      background: rgba(255,255,255,.78);
      color: #243049;
      font-weight: 800;
    }
    .chip-accent{
      border-color: rgba(255,77,109,.22);
      background: rgba(255,77,109,.10);
      color: #9a0d2c;
    }

    .list{ list-style:none; margin: 12px 0 0; padding:0; display:flex; flex-direction:column; gap: 10px; }
    .list li{ color: var(--muted); font-weight: 650; font-size: 14px; display:flex; gap: 10px; align-items:flex-start; }
    .list-spaced li{ padding-top: 1px; }
    .dot{
      width: 10px; height: 10px;
      border-radius: 50%;
      background: linear-gradient(135deg, rgba(255,77,109,.95), rgba(45,107,255,.85));
      margin-top: 6px;
      flex: 0 0 auto;
      box-shadow: 0 10px 18px rgba(255,77,109,.18);
    }

    .cards-3{
      display:grid;
      grid-template-columns: repeat(3, minmax(0,1fr));
      gap: 14px;
      align-items: stretch;
      margin-bottom: 18px;
    }

    .feature-card{
      border-radius: var(--radius2);
      background: rgba(255,255,255,.78);
      border: 1px solid rgba(18,24,40,.10);
      padding: 18px;
      box-shadow: 0 10px 26px rgba(18,24,40,.06);
      transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
      position: relative;
      overflow:hidden;
    }
    .feature-card:before{
      content:"";
      position:absolute;
      inset:-1px;
      background:
        radial-gradient(420px 140px at 20% 0%, rgba(255,77,109,.16), transparent 56%),
        radial-gradient(420px 140px at 90% 20%, rgba(45,107,255,.14), transparent 56%);
      opacity: .55;
      pointer-events:none;
    }
    .feature-card > *{ position: relative; z-index: 1; }
    .feature-card:hover{
      transform: translateY(-2px);
      border-color: rgba(45,107,255,.22);
      box-shadow: 0 18px 40px rgba(18,24,40,.10);
    }
    .feature-icon{
      width: 44px; height: 44px;
      border-radius: 16px;
      display:flex; align-items:center; justify-content:center;
      background: linear-gradient(135deg, rgba(45,107,255,.10), rgba(255,77,109,.10));
      color: #1f2a44;
      border: 1px solid rgba(18,24,40,.10);
      margin-bottom: 12px;
    }
    .feature-icon-accent{
      background: linear-gradient(135deg, rgba(255,77,109,.12), rgba(21,183,166,.10));
    }
    .feature-icon-deep{
      background: linear-gradient(135deg, rgba(15,23,42,.08), rgba(45,107,255,.12));
    }
    .feature-title{ font-size: 18px; font-weight: 960; margin:0; letter-spacing:-.2px; }
    .feature-desc{ margin-top: 10px; color: var(--muted); line-height:1.7; font-size: 14px; }
    .feature-foot{ display:flex; flex-wrap:wrap; gap: 10px; margin-top: 14px; }
    .tiny-pill{
      font-size: 12px;
      font-weight: 850;
      padding: 7px 10px;
      border-radius: 999px;
      background: rgba(255,255,255,.78);
      border: 1px solid rgba(18,24,40,.10);
      color: #2a3550;
    }
    .tiny-pill-accent{
      border-color: rgba(255,77,109,.20);
      background: rgba(255,77,109,.10);
      color: #9a0d2c;
    }
    .feature-card-highlight{
      background:
        radial-gradient(680px 240px at 15% 0%, rgba(255,77,109,.16), transparent 52%),
        radial-gradient(680px 240px at 90% 20%, rgba(45,107,255,.18), transparent 52%),
        rgba(255,255,255,.78);
    }

    .dual-row{
      display:grid;
      grid-template-columns: 1.12fr .88fr;
      gap: 14px;
      align-items: stretch;
    }

    .panel-card{
      border-radius: var(--radius2);
      border: 1px solid rgba(18,24,40,.10);
      background: rgba(255,255,255,.78);
      padding: 18px;
      box-shadow: 0 10px 26px rgba(18,24,40,.06);
      transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    }
    .panel-card:hover{
      transform: translateY(-2px);
      border-color: rgba(255,77,109,.20);
      box-shadow: 0 18px 40px rgba(18,24,40,.10);
    }
    .panel-card-solid{
      background:
        radial-gradient(700px 240px at 0% 0%, rgba(21,183,166,.14), transparent 54%),
        radial-gradient(700px 240px at 90% 20%, rgba(255,77,109,.12), transparent 54%),
        rgba(255,255,255,.78);
    }

    .panel-card-head{
      display:flex; align-items:flex-start; justify-content:space-between; gap: 10px;
      margin-bottom: 12px;
    }
    .panel-card-title{ font-size: 20px; font-weight: 980; letter-spacing:-.3px; }
    .panel-card-actions{ display:flex; flex-wrap:wrap; gap: 12px; margin-top: 14px; }

    .badge{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      font-size: 12px;
      padding: 8px 12px;
      border-radius: 999px;
      border: 1px solid rgba(18,24,40,.10);
      background: rgba(255,255,255,.76);
      color: var(--muted);
      font-weight: 900;
      white-space:nowrap;
    }
    .badge-alt{
      border-color: rgba(255,77,109,.22);
      background: rgba(255,77,109,.10);
      color: #9a0d2c;
    }
    .badge-accent{
      border-color: rgba(45,107,255,.22);
      background: rgba(45,107,255,.10);
      color: #1f3d8a;
    }

    .kicker{
      font-weight: 950;
      font-size: 12px;
      color: #263252;
      text-transform: uppercase;
      letter-spacing:.16px;
      margin-bottom: 6px;
    }

    .muted{ color: var(--muted); line-height:1.7; font-size: 14px; margin: 10px 0 0; }

    .checklist{
      list-style:none; margin: 14px 0 0; padding:0;
      display:grid; grid-template-columns: 1fr 1fr;
      gap: 10px 14px;
    }
    .checklist li{
      display:flex; align-items:flex-start; gap: 10px;
      color: #2a3550;
      font-weight: 780;
      font-size: 14px;
    }
    .check-ic{
      width: 22px; height: 22px;
      border-radius: 9px;
      background: linear-gradient(135deg, rgba(255,77,109,.18), rgba(45,107,255,.14));
      border: 1px solid rgba(18,24,40,.10);
      display:flex; align-items:center; justify-content:center;
      font-weight: 950;
      color: #1c2d5b;
      flex: 0 0 auto;
      margin-top: 1px;
    }

    .tag-cloud{
      display:flex;
      flex-wrap:wrap;
      gap: 10px;
      margin-top: 14px;
    }
    .tag{
      font-size: 12px;
      padding: 8px 10px;
      border-radius: 999px;
      border: 1px solid rgba(18,24,40,.10);
      background: rgba(255,255,255,.78);
      font-weight: 850;
      color: #2b3552;
      transition: transform .15s ease, border-color .15s ease;
    }
    .tag:hover{ transform: translateY(-1px); border-color: rgba(45,107,255,.25); }

    .steps{
      display:grid;
      grid-template-columns: repeat(5, minmax(0,1fr));
      gap: 12px;
    }
    .step{
      border-radius: var(--radius2);
      border: 1px solid rgba(18,24,40,.10);
      background: rgba(255,255,255,.78);
      padding: 16px 14px;
      box-shadow: 0 10px 26px rgba(18,24,40,.05);
      transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    }
    .step:hover{
      transform: translateY(-2px);
      border-color: rgba(45,107,255,.22);
      box-shadow: 0 18px 40px rgba(18,24,40,.10);
    }
    .step-idx{
      font-weight: 1000;
      letter-spacing: .6px;
      color: rgba(31,42,68,.9);
      font-size: 12px;
    }
    .step-title{ margin-top: 10px; font-weight: 980; font-size: 15px; letter-spacing:-.2px; }
    .step-desc{ margin-top: 8px; color: var(--muted); line-height:1.7; font-size: 13px; }

    .split-grid{
      display:grid;
      grid-template-columns: 1.05fr .95fr;
      gap: 14px;
      align-items:start;
    }

    .match-card{
      border-radius: var(--radius2);
      border: 1px solid rgba(18,24,40,.10);
      background: rgba(255,255,255,.82);
      padding: 18px;
      box-shadow: 0 10px 26px rgba(18,24,40,.06);
    }
    .match-card-head{
      display:flex; align-items:flex-start; justify-content:space-between; gap: 10px;
      margin-bottom: 12px;
    }

    .form{ margin-top: 8px; }
    .form-row{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
      margin-bottom: 12px;
    }
    .form-row .field:last-child{ }
    .field{ display:flex; flex-direction:column; gap: 8px; }
    .field-label{ font-weight: 900; color: #2b3552; font-size: 13px; }
    input, select, textarea{
      border: 1px solid rgba(18,24,40,.12);
      border-radius: 14px;
      padding: 12px 12px;
      background: rgba(255,255,255,.9);
      color: #0f172a;
      font-size: 14px;
      outline: none;
      transition: box-shadow .2s ease, border-color .2s ease, transform .2s ease;
    }
    textarea{ resize: vertical; min-height: 116px; }
    input:focus, select:focus, textarea:focus{
      border-color: rgba(45,107,255,.40);
      box-shadow: 0 0 0 4px rgba(45,107,255,.14);
    }

    .form-foot{ display:flex; flex-wrap:wrap; gap: 12px; align-items:center; }
    .form-hint{ color: var(--muted); font-size: 12px; line-height:1.6; max-width: 44ch; }

    .match-side .match-side-card{
      border-radius: var(--radius2);
      border: 1px solid rgba(18,24,40,.10);
      background:
        radial-gradient(740px 300px at 20% 0%, rgba(255,77,109,.12), transparent 56%),
        radial-gradient(740px 300px at 100% 10%, rgba(45,107,255,.10), transparent 56%),
        rgba(255,255,255,.78);
      padding: 18px;
      box-shadow: 0 10px 26px rgba(18,24,40,.06);
    }
    .match-side .kicker{ margin-bottom: 6px; }
    .side-title{ font-size: 20px; font-weight: 980; letter-spacing:-.3px; margin-top: 8px; }
    .side-sub{ color: var(--muted); line-height:1.7; font-size: 14px; margin-top: 10px; }
    .divider{ height:1px; background: rgba(18,24,40,.08); margin: 14px 0; }

    .side-list{ display:flex; flex-direction:column; gap: 12px; }
    .side-item{ display:flex; gap: 12px; align-items:flex-start; }
    .side-num{
      width: 34px; height: 34px;
      border-radius: 14px;
      display:flex; align-items:center; justify-content:center;
      font-weight: 1000;
      border: 1px solid rgba(18,24,40,.10);
      background: rgba(255,255,255,.78);
      color: #1f2a44;
      flex: 0 0 auto;
    }
    .side-item-title{ font-weight: 980; letter-spacing:-.2px; }
    .side-item-desc{ color: var(--muted); font-size: 13px; margin-top: 4px; line-height:1.6; }

    .side-actions{ margin-top: 14px; }

    .info-strip{
      border-radius: var(--radius2);
      border: 1px solid rgba(18,24,40,.10);
      background: rgba(255,255,255,.76);
      padding: 14px;
      margin-top: 14px;
      box-shadow: 0 10px 26px rgba(18,24,40,.05);
      display:grid;
      gap: 12px;
    }
    .strip-item{ display:flex; gap: 12px; align-items:flex-start; }
    .strip-ic{
      width: 36px; height: 36px;
      border-radius: 16px;
      display:flex; align-items:center; justify-content:center;
      border: 1px solid rgba(18,24,40,.10);
      background: rgba(255,255,255,.84);
      color: #1f2a44;
      flex: 0 0 auto;
      box-shadow: 0 10px 18px rgba(18,24,40,.05);
    }
    .strip-ic-accent{ background: rgba(255,77,109,.08); border-color: rgba(255,77,109,.20); }
    .strip-ic-deep{ background: rgba(45,107,255,.08); border-color: rgba(45,107,255,.20); }
    .strip-title{ font-weight: 950; }
    .strip-sub{ color: var(--muted); font-size: 13px; margin-top: 4px; line-height:1.6; }

    .pricing-wrap{
      display:grid;
      grid-template-columns: 1.15fr .85fr;
      gap: 14px;
      align-items: stretch;
    }

    .pricing-card{
      border-radius: var(--radius2);
      border: 1px solid rgba(18,24,40,.10);
      background: rgba(255,255,255,.82);
      padding: 18px;
      box-shadow: 0 10px 26px rgba(18,24,40,.06);
    }

    .pricing-head{
      display:flex; align-items:flex-start; justify-content:space-between; gap: 12px;
      margin-bottom: 12px;
    }

    .compare-table-wrap{
      overflow:auto;
      border-radius: 16px;
      border: 1px solid rgba(18,24,40,.10);
      background: rgba(255,255,255,.74);
    }
    .compare-table{
      width:100%;
      border-collapse: collapse;
      min-width: 640px;
    }
    .compare-table th, .compare-table td{
      padding: 12px 12px;
      border-bottom: 1px solid rgba(18,24,40,.08);
      text-align:left;
      vertical-align: top;
      font-size: 13px;
      line-height: 1.55;
    }
    .compare-table th{
      font-weight: 980;
      color: #27324a;
      background: linear-gradient(180deg, rgba(255,255,255,.86), rgba(255,255,255,.72));
      position: sticky;
      top: 0;
      z-index: 1;
    }
    .compare-table td{ color: var(--muted); font-weight: 650; }

    .pricing-foot{
      display:flex; flex-wrap:wrap; gap: 12px;
      justify-content: flex-start;
      margin-top: 14px;
    }

    .timeline-card{
      border-radius: var(--radius2);
      border: 1px solid rgba(18,24,40,.10);
      background:
        radial-gradient(720px 260px at 0% 0%, rgba(21,183,166,.14), transparent 54%),
        radial-gradient(720px 260px at 80% 10%, rgba(255,77,109,.10), transparent 54%),
        rgba(255,255,255,.78);
      padding: 18px;
      box-shadow: 0 10px 26px rgba(18,24,40,.06);
      display:flex; flex-direction:column;
    }

    .timeline{ margin-top: 14px; display:flex; flex-direction:column; gap: 14px; }
    .t-item{ display:flex; gap: 12px; align-items:flex-start; }
    .t-dot{
      width: 12px; height: 12px; border-radius: 50%;
      margin-top: 8px;
      background: linear-gradient(135deg, rgba(255,77,109,.95), rgba(45,107,255,.85));
      box-shadow: 0 12px 24px rgba(255,77,109,.18);
      flex: 0 0 auto;
    }
    .t-title{ font-weight: 980; }
    .t-desc{ margin-top: 4px; color: var(--muted); font-size: 13px; line-height:1.6; }
    .timeline-cta{ margin-top: auto; padding-top: 10px; }
    .timeline-cta-title{ font-weight: 980; letter-spacing:-.2px; margin-bottom: 10px; }

    .compare-hero{
      display:grid;
      grid-template-columns: .95fr 1.05fr;
      gap: 14px;
      align-items: stretch;
    }
    .rating-card{
      border-radius: var(--radius2);
      border: 1px solid rgba(18,24,40,.10);
      background:
        radial-gradient(680px 260px at 20% 0%, rgba(255,77,109,.14), transparent 55%),
        rgba(255,255,255,.82);
      padding: 18px;
      box-shadow: 0 10px 26px rgba(18,24,40,.06);
      display:flex;
      flex-direction:column;
      gap: 12px;
    }
    .rating-label{ font-weight: 950; color: #27324a; font-size: 13px; }
    .stars{ font-size: 18px; letter-spacing: 2px; color: #ff7a00; }
    .rating-top{ display:flex; align-items:center; justify-content:space-between; gap: 12px; flex-wrap:wrap; }
    .rating-value{
      display:flex; align-items:baseline; gap: 10px; flex-wrap:wrap;
    }
    .score{ font-size: 48px; font-weight: 1000; letter-spacing:-1px; background: linear-gradient(120deg, rgba(255,77,109,.95), rgba(45,107,255,.90)); -webkit-background-clip:text; background-clip:text; color: transparent; }
    .score-unit{ font-size: 16px; color: var(--muted); font-weight: 900; }
    .rating-foot{ color: var(--muted); font-size: 13px; line-height:1.6; }

    .compare-card{
      border-radius: var(--radius2);
      border: 1px solid rgba(18,24,40,.10);
      background: rgba(255,255,255,.82);
      padding: 18px;
      box-shadow: 0 10px 26px rgba(18,24,40,.06);
      display:flex; flex-direction:column;
    }

    .compare-card-head{
      display:flex; align-items:flex-start; justify-content:space-between; gap: 10px;
      margin-bottom: 12px;
    }
    .compare-grid{ display:flex; flex-direction:column; gap: 12px; margin-top: 10px; }
    .c-row{ display:grid; grid-template-columns: 1fr 1.2fr auto; gap: 12px; align-items:center; }
    .c-key{ font-weight: 920; color: #27324a; font-size: 13px; }
    .c-bar{
      height: 12px;
      border-radius: 999px;
      background: rgba(18,24,40,.08);
      overflow:hidden;
      border: 1px solid rgba(18,24,40,.10);
    }
    .c-fill{ display:block; height:100%; border-radius:999px; background: linear-gradient(90deg, rgba(255,77,109,.95), rgba(45,107,255,.90)); }
    .c-fill-a{ background: linear-gradient(90deg, rgba(255,77,109,.95), rgba(45,107,255,.90)); }
    .c-fill-b{ background: linear-gradient(90deg, rgba(45,107,255,.92), rgba(21,183,166,.85)); }
    .c-fill-c{ background: linear-gradient(90deg, rgba(21,183,166,.92), rgba(255,77,109,.85)); }
    .c-fill-d{ background: linear-gradient(90deg, rgba(255,77,109,.92), rgba(21,183,166,.85)); }
    .c-fill-e{ background: linear-gradient(90deg, rgba(45,107,255,.92), rgba(255,77,109,.85)); }
    .c-fill-f{ background: linear-gradient(90deg, rgba(21,183,166,.92), rgba(45,107,255,.85)); }
    .c-fill-g{ background: linear-gradient(90deg, rgba(255,77,109,.92), rgba(45,107,255,.85)); }
    .c-fill-h{ background: linear-gradient(90deg, rgba(45,107,255,.92), rgba(21,183,166,.85)); }
    .c-val{ font-weight: 1000; color: #27324a; font-size: 12px; }

    .compare-card-foot{ margin-top: 14px; padding-top: 12px; border-top: 1px solid rgba(18,24,40,.08); }

    .solution-grid{
      display:grid;
      grid-template-columns: repeat(3, minmax(0,1fr));
      gap: 14px;
    }
    .solution-card{
      border-radius: var(--radius2);
      border: 1px solid rgba(18,24,40,.10);
      background: rgba(255,255,255,.82);
      padding: 18px;
      box-shadow: 0 10px 26px rgba(18,24,40,.06);
      transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    }
    .solution-card:hover{
      transform: translateY(-2px);
      border-color: rgba(255,77,109,.22);
      box-shadow: 0 18px 40px rgba(18,24,40,.10);
    }
    .solution-card-accent{
      background:
        radial-gradient(680px 260px at 0% 0%, rgba(255,77,109,.14), transparent 52%),
        rgba(255,255,255,.82);
    }
    .solution-card-deep{
      background:
        radial-gradient(680px 260px at 10% 0%, rgba(45,107,255,.14), transparent 52%),
        rgba(255,255,255,.82);
    }
    .solution-top{ display:flex; gap: 12px; align-items:flex-start; }
    .solution-title{ font-weight: 1000; letter-spacing:-.3px; font-size: 16px; }
    .solution-sub{ color: var(--muted); font-size: 13px; line-height:1.65; margin-top: 6px; }
    .solution-ic{
      width: 44px; height: 44px; border-radius: 16px;
      border: 1px solid rgba(18,24,40,.10);
      background: linear-gradient(135deg, rgba(45,107,255,.10), rgba(255,77,109,.10));
      display:flex; align-items:center; justify-content:center;
      color: #1f2a44;
      flex: 0 0 auto;
    }
    .solution-chips{ display:flex; flex-wrap:wrap; gap: 10px; margin-top: 14px; }

    .callout{
      display:flex; align-items:center; justify-content:space-between; gap: 14px;
      padding: 18px;
      border-radius: var(--radius2);
      border: 1px solid rgba(18,24,40,.10);
      background:
        linear-gradient(120deg, rgba(255,77,109,.12), rgba(45,107,255,.10));
      box-shadow: 0 10px 26px rgba(18,24,40,.06);
    }
    .callout-title{ font-weight: 1000; font-size: 18px; letter-spacing:-.3px; }
    .callout-sub{ color: var(--muted); margin-top: 8px; line-height:1.7; font-size: 14px; }
    .callout-right{ display:flex; flex-wrap:wrap; gap: 12px; justify-content:flex-end; }

    .cases-grid{
      display:grid;
      grid-template-columns: repeat(3, minmax(0,1fr));
      gap: 14px;
    }
    .case-card{
      border-radius: var(--radius2);
      border: 1px solid rgba(18,24,40,.10);
      background: rgba(255,255,255,.82);
      padding: 18px;
      box-shadow: 0 10px 26px rgba(18,24,40,.06);
      transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
      display:flex;
      flex-direction:column;
      min-height: 220px;
    }
    .case-card:hover{
      transform: translateY(-2px);
      border-color: rgba(45,107,255,.22);
      box-shadow: 0 18px 40px rgba(18,24,40,.10);
    }
    .case-card-accent{
      background:
        radial-gradient(700px 260px at 0% 0%, rgba(255,77,109,.12), transparent 52%),
        rgba(255,255,255,.82);
    }
    .case-card-deep{
      background:
        radial-gradient(700px 260px at 10% 0%, rgba(45,107,255,.12), transparent 52%),
        rgba(255,255,255,.82);
    }
    .case-head{ display:flex; align-items:center; justify-content:space-between; gap: 10px; }
    .case-type{ font-weight: 980; color: #27324a; }
    .case-badge{
      font-size: 12px;
      font-weight: 950;
      padding: 8px 10px;
      border-radius: 999px;
      border: 1px solid rgba(18,24,40,.10);
      background: rgba(255,255,255,.78);
      color: var(--muted);
      white-space:nowrap;
    }
    .case-title{ font-weight: 1000; letter-spacing:-.3px; font-size: 18px; margin-top: 12px; }
    .case-desc{ color: var(--muted); line-height:1.7; font-size: 14px; margin-top: 8px; }
    .case-meta{ display:flex; flex-direction:column; gap: 6px; margin-top: 14px; }
    .meta-item{ color: var(--muted2); font-weight: 650; font-size: 13px; display:flex; gap: 8px; align-items:center; }
    .meta-ic{ opacity:.9; }
    .case-foot{ margin-top:auto; padding-top: 14px; }
    .link-btn{
      text-decoration:none;
      font-weight: 950;
      color: #1c46ff;
      display:inline-flex;
      align-items:center;
      gap: 10px;
      padding: 10px 12px;
      border-radius: 14px;
      border: 1px solid rgba(45,107,255,.22);
      background: rgba(45,107,255,.06);
      transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
    }
    .link-btn:hover{ transform: translateY(-2px); box-shadow: 0 18px 40px rgba(45,107,255,.10); background: rgba(45,107,255,.09); }

    .network-grid{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px;
      align-items: stretch;
    }
    .network-card{
      border-radius: var(--radius2);
      border: 1px solid rgba(18,24,40,.10);
      background: rgba(255,255,255,.82);
      padding: 18px;
      box-shadow: 0 10px 26px rgba(18,24,40,.06);
    }
    .network-desc{ color: var(--muted); line-height:1.7; font-size: 14px; margin-top: 10px; }
    .mini-stats{ display:grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 14px; }
    .mini-stat{
      border-radius: 16px;
      border: 1px solid rgba(18,24,40,.10);
      background: rgba(255,255,255,.74);
      padding: 12px;
    }
    .mini-stat-top{ font-weight: 920; color: #27324a; font-size: 13px; }
    .mini-stat-val{ margin-top: 6px; color: var(--muted); font-weight: 750; font-size: 13px; }

    .network-map-card{
      border-radius: var(--radius2);
      border: 1px solid rgba(18,24,40,.10);
      background:
        radial-gradient(720px 260px at 10% 0%, rgba(45,107,255,.12), transparent 54%),
        radial-gradient(720px 260px at 85% 10%, rgba(255,77,109,.10), transparent 54%),
        rgba(255,255,255,.82);
      padding: 18px;
      box-shadow: 0 10px 26px rgba(18,24,40,.06);
      display:flex;
      flex-direction:column;
    }
    .map-top{ display:flex; align-items:flex-start; justify-content:space-between; gap: 12px; }
    .map-visual{
      margin-top: 14px;
      position: relative;
      border-radius: 18px;
      border: 1px solid rgba(18,24,40,.10);
      background: rgba(255,255,255,.72);
      height: 240px;
      overflow:hidden;
    }
    .map-grid{
      position:absolute; inset:0;
      background:
        linear-gradient(to right, rgba(18,24,40,.06) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(18,24,40,.06) 1px, transparent 1px);
      background-size: 64px 64px;
      opacity: .45;
    }
    .map-pin{
      position:absolute;
      width: 12px; height: 12px;
      border-radius: 50%;
      background: linear-gradient(135deg, rgba(255,77,109,.95), rgba(45,107,255,.90));
      box-shadow: 0 18px 34px rgba(255,77,109,.18);
      transform: translate(-50%, -50%);
    }
    .pin-a{ left: 22%; top: 40%; }
    .pin-b{ left: 44%; top: 30%; background: linear-gradient(135deg, rgba(45,107,255,.95), rgba(21,183,166,.85)); }
    .pin-c{ left: 66%; top: 46%; background: linear-gradient(135deg, rgba(21,183,166,.95), rgba(255,77,109,.85)); }
    .pin-d{ left: 82%; top: 28%; background: linear-gradient(135deg, rgba(255,77,109,.95), rgba(21,183,166,.85)); }

    .map-ring{
      position:absolute;
      width: 110px; height: 110px;
      border-radius: 50%;
      border: 1px solid rgba(45,107,255,.22);
      left: 22%; top: 40%;
      transform: translate(-50%, -50%);
      background: rgba(45,107,255,.05);
      animation: pulse 2.8s ease-in-out infinite;
    }
    .ring-b{ left: 44%; top: 30%; border-color: rgba(255,77,109,.18); background: rgba(255,77,109,.05); animation-delay: .7s; }
    .ring-c{ left: 66%; top: 46%; border-color: rgba(21,183,166,.18); background: rgba(21,183,166,.05); animation-delay: 1.2s; width: 96px; height: 96px; }
    .ring-d{ left: 82%; top: 28%; border-color: rgba(255,77,109,.18); background: rgba(255,77,109,.05); animation-delay: .3s; width: 86px; height: 86px; }

    @keyframes pulse{
      0%, 100%{ transform: translate(-50%, -50%) scale(.92); opacity: .55; }
      50%{ transform: translate(-50%, -50%) scale(1.05); opacity: .25; }
    }

    .map-legend{
      margin-top: 14px;
      display:flex;
      flex-wrap:wrap;
      gap: 12px;
    }
    .legend-item{ display:flex; gap: 8px; align-items:center; color: var(--muted); font-weight: 700; font-size: 13px; }
    .legend-dot{ width: 10px; height: 10px; border-radius: 50%; }
    .dot-a{ background: rgba(255,77,109,.95); }
    .dot-b{ background: rgba(45,107,255,.95); }
    .dot-c{ background: rgba(21,183,166,.95); }
    .dot-d{ background: rgba(255,77,109,.75); }

    .training-grid{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px;
      align-items: start;
    }
    .training-card{
      border-radius: var(--radius2);
      border: 1px solid rgba(18,24,40,.10);
      background: rgba(255,255,255,.82);
      padding: 18px;
      box-shadow: 0 10px 26px rgba(18,24,40,.06);
    }
    .training-foot{ display:flex; flex-wrap:wrap; gap: 12px; margin-top: 16px; }

    .training-right{ display:flex; flex-direction:column; gap: 14px; }
    .training-right-card{
      border-radius: var(--radius2);
      border: 1px solid rgba(18,24,40,.10);
      background:
        radial-gradient(720px 260px at 0% 0%, rgba(255,77,109,.12), transparent 54%),
        radial-gradient(720px 260px at 80% 0%, rgba(45,107,255,.10), transparent 54%),
        rgba(255,255,255,.82);
      padding: 18px;
      box-shadow: 0 10px 26px rgba(18,24,40,.06);
    }

    .quote-box{
      margin-top: 14px;
      border-radius: 18px;
      border: 1px solid rgba(18,24,40,.10);
      background: rgba(255,255,255,.74);
      padding: 14px;
      display:flex; gap: 12px; align-items:flex-start;
    }
    .quote-ic{
      width: 34px; height: 34px;
      border-radius: 16px;
      display:flex; align-items:center; justify-content:center;
      background: linear-gradient(135deg, rgba(255,77,109,.12), rgba(45,107,255,.10));
      border: 1px solid rgba(18,24,40,.10);
      font-weight: 1000;
      color: #1f2a44;
      flex: 0 0 auto;
    }
    .quote-text{ color: #2b3552; font-weight: 800; line-height:1.7; }

    .skills-grid{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
      margin-top: 14px;
    }
    .skill-item{
      border-radius: 18px;
      border: 1px solid rgba(18,24,40,.10);
      background: rgba(255,255,255,.74);
      padding: 12px;
    }
    .skill-title{ font-weight: 980; }
    .skill-desc{ margin-top: 6px; color: var(--muted); font-size: 13px; line-height:1.6; }

    .latest-articles{
      border-radius: var(--radius2);
      border: 1px solid rgba(18,24,40,.10);
      background: rgba(255,255,255,.82);
      padding: 18px;
      box-shadow: 0 10px 26px rgba(18,24,40,.06);
    }
    .articles-head{ display:flex; align-items:flex-start; justify-content:space-between; gap: 12px; }
    .article-list{ margin-top: 12px; display:flex; flex-direction:column; gap: 10px; }
    .article-item{
      text-decoration:none;
      border-radius: 16px;
      border: 1px solid rgba(18,24,40,.10);
      background: rgba(255,255,255,.74);
      padding: 12px 12px;
      transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    }
    .article-item:hover{
      transform: translateY(-2px);
      border-color: rgba(45,107,255,.22);
      box-shadow: 0 18px 40px rgba(18,24,40,.10);
    }
    .article-title{ font-weight: 980; letter-spacing:-.2px; color:#1f2a44; }
    .article-meta{ margin-top: 6px; color: var(--muted); font-size: 12px; font-weight: 750; }
    .articles-more{ margin-top: 12px; }

    .agency-grid{
      display:grid;
      grid-template-columns: 1.05fr .95fr;
      gap: 14px;
      align-items: stretch;
    }
    .agency-card{
      border-radius: var(--radius2);
      border: 1px solid rgba(18,24,40,.10);
      background: rgba(255,255,255,.82);
      padding: 18px;
      box-shadow: 0 10px 26px rgba(18,24,40,.06);
    }
    .agency-list{ margin-top: 14px; display:flex; flex-direction:column; gap: 12px; }
    .agency-item{ display:flex; gap: 12px; align-items:flex-start; }
    .agency-ic{
      width: 30px; height: 30px;
      border-radius: 14px;
      border: 1px solid rgba(18,24,40,.10);
      background: linear-gradient(135deg, rgba(255,77,109,.14), rgba(45,107,255,.12));
      display:flex; align-items:center; justify-content:center;
      font-weight: 1000;
      color:#1f2a44;
      flex: 0 0 auto;
      margin-top: 2px;
    }
    .agency-title{ font-weight: 1000; }
    .agency-desc{ margin-top: 6px; color: var(--muted); font-size: 13px; line-height:1.6; }

    .agency-actions{ display:flex; flex-wrap:wrap; gap: 12px; margin-top: 16px; }

    .agency-side .faq-quick-card{
      border-radius: var(--radius2);
      border: 1px solid rgba(18,24,40,.10);
      background:
        radial-gradient(720px 260px at 10% 0%, rgba(21,183,166,.12), transparent 54%),
        radial-gradient(720px 260px at 90% 10%, rgba(255,77,109,.10), transparent 54%),
        rgba(255,255,255,.82);
      padding: 18px;
      box-shadow: 0 10px 26px rgba(18,24,40,.06);
      height: 100%;
      display:flex;
      flex-direction:column;
      gap: 12px;
    }

    .quick-steps{ margin-top: 6px; display:flex; flex-direction:column; gap: 12px; }
    .quick-step{ display:flex; gap: 12px; align-items:flex-start; }
    .qs-idx{
      width: 34px; height: 34px;
      border-radius: 16px;
      border: 1px solid rgba(18,24,40,.10);
      background: rgba(255,255,255,.74);
      display:flex; align-items:center; justify-content:center;
      font-weight: 1000;
      color: #1f2a44;
      flex: 0 0 auto;
    }
    .qs-title{ font-weight: 980; }
    .qs-desc{ margin-top: 6px; color: var(--muted); font-size: 13px; line-height:1.6; }

    .help-cards{
      display:grid;
      grid-template-columns: repeat(3, minmax(0,1fr));
      gap: 14px;
    }
    .help-card{
      border-radius: var(--radius2);
      border: 1px solid rgba(18,24,40,.10);
      background: rgba(255,255,255,.82);
      padding: 18px;
      box-shadow: 0 10px 26px rgba(18,24,40,.06);
      transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    }
    .help-card:hover{
      transform: translateY(-2px);
      border-color: rgba(45,107,255,.22);
      box-shadow: 0 18px 40px rgba(18,24,40,.10);
    }
    .help-card-accent{
      background: radial-gradient(720px 260px at 0% 0%, rgba(255,77,109,.12), transparent 54%), rgba(255,255,255,.82);
    }
    .help-card-deep{
      background: radial-gradient(720px 260px at 10% 0%, rgba(45,107,255,.12), transparent 54%), rgba(255,255,255,.82);
    }
    .help-title{ font-weight: 1000; letter-spacing:-.3px; font-size: 18px; }
    .help-text{ margin-top: 10px; color: var(--muted); line-height:1.75; font-size: 14px; }
    .help-tags{ display:flex; flex-wrap:wrap; gap: 10px; margin-top: 14px; }

    .faq-grid{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px;
      align-items:start;
    }
    .faq-col{ display:flex; flex-direction:column; gap: 12px; }
    .faq-item{
      border-radius: var(--radius2);
      border: 1px solid rgba(18,24,40,.10);
      background: rgba(255,255,255,.82);
      box-shadow: 0 10px 26px rgba(18,24,40,.05);
      overflow:hidden;
    }
    .faq-q{
      width:100%;
      text-align:left;
      border:0;
      background: transparent;
      padding: 14px 16px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap: 12px;
      font-weight: 980;
      font-size: 14px;
      color: #1f2a44;
      cursor:pointer;
      transition: background .2s ease;
    }
    .faq-q:hover{ background: rgba(45,107,255,.05); }
    .faq-icon{
      width: 34px; height: 34px;
      border-radius: 16px;
      border: 1px solid rgba(18,24,40,.10);
      background: rgba(255,255,255,.78);
      display:flex; align-items:center; justify-content:center;
      font-weight: 1000;
      color: #1f2a44;
      flex: 0 0 auto;
      transition: transform .2s ease;
    }
    .faq-a{
      padding: 0 16px 14px 16px;
      color: var(--muted);
      line-height:1.75;
      font-size: 14px;
      display:none;
    }
    .faq-item[data-open="true"] .faq-a{ display:block; }
    .faq-item[data-open="true"] .faq-icon{ transform: rotate(45deg); }

    .faq-foot-note{
      margin-top: 14px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap: 14px;
      padding: 16px;
      border-radius: var(--radius2);
      border: 1px solid rgba(18,24,40,.10);
      background: linear-gradient(120deg, rgba(255,77,109,.10), rgba(45,107,255,.10));
    }
    .call-mini{ display:flex; gap: 12px; align-items:flex-start; }
    .call-mini-ic{
      width: 36px; height: 36px; border-radius: 16px;
      border: 1px solid rgba(18,24,40,.10);
      background: rgba(255,255,255,.78);
      display:flex; align-items:center; justify-content:center;
      flex: 0 0 auto;
      color:#1f2a44;
      font-size: 16px;
    }
    .call-mini-text{ color: var(--muted); font-size: 14px; line-height:1.7; font-weight: 700; }
    .call-mini-actions{ display:flex; flex-wrap:wrap; gap: 12px; justify-content:flex-end; }

    .wiki-grid{
      display:grid;
      grid-template-columns: repeat(3, minmax(0,1fr));
      gap: 14px;
    }
    .wiki-card{
      border-radius: var(--radius2);
      border: 1px solid rgba(18,24,40,.10);
      background: rgba(255,255,255,.82);
      padding: 18px;
      box-shadow: 0 10px 26px rgba(18,24,40,.06);
      transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    }
    .wiki-card:hover{
      transform: translateY(-2px);
      border-color: rgba(45,107,255,.22);
      box-shadow: 0 18px 40px rgba(18,24,40,.10);
    }
    .wiki-card-accent{ background: radial-gradient(720px 260px at 0% 0%, rgba(255,77,109,.12), transparent 54%), rgba(255,255,255,.82); }
    .wiki-card-deep{ background: radial-gradient(720px 260px at 10% 0%, rgba(45,107,255,.12), transparent 54%), rgba(255,255,255,.82); }
    .wiki-title{ font-weight: 1000; letter-spacing:-.3px; font-size: 18px; }
    .wiki-desc{ margin-top: 10px; color: var(--muted); line-height:1.75; font-size: 14px; }
    .wiki-foot{ margin-top: 14px; }

    .tag-cloud-large{
      margin-top: 18px;
      display:flex;
      flex-wrap:wrap;
      gap: 10px;
    }
    .tag-big{
      padding: 10px 14px;
      border-radius: 999px;
      font-weight: 950;
    }

    .news-grid{
      display:grid;
      grid-template-columns: 1.1fr .9fr;
      gap: 14px;
      align-items:start;
    }
    .news-list{ display:flex; flex-direction:column; gap: 12px; }
    .news-item{
      text-decoration:none;
      border-radius: var(--radius2);
      border: 1px solid rgba(18,24,40,.10);
      background: rgba(255,255,255,.82);
      padding: 16px;
      box-shadow: 0 10px 26px rgba(18,24,40,.05);
      transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    }
    .news-item:hover{
      transform: translateY(-2px);
      border-color: rgba(255,77,109,.22);
      box-shadow: 0 18px 40px rgba(18,24,40,.10);
    }
    .news-date{ font-weight: 950; color: #263252; font-size: 12px; text-transform: uppercase; letter-spacing:.16px; }
    .news-title{ margin-top: 10px; font-weight: 1000; letter-spacing:-.3px; font-size: 18px; color: #1f2a44; }
    .news-desc{ margin-top: 8px; color: var(--muted); line-height:1.7; font-size: 14px; }

    .aside-card{
      border-radius: var(--radius2);
      border: 1px solid rgba(18,24,40,.10);
      background:
        radial-gradient(720px 260px at 0% 0%, rgba(21,183,166,.12), transparent 54%),
        rgba(255,255,255,.82);
      padding: 18px;
      box-shadow: 0 10px 26px rgba(18,24,40,.06);
    }
    .aside-links{ display:flex; gap: 12px; margin-top: 14px; }
    .aside-link{
      text-decoration:none;
      font-weight: 950;
      color: #1c46ff;
      border: 1px solid rgba(45,107,255,.22);
      background: rgba(45,107,255,.06);
      padding: 10px 12px;
      border-radius: 14px;
      transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      flex: 1;
    }
    .aside-link:hover{ transform: translateY(-2px); background: rgba(45,107,255,.09); box-shadow: 0 18px 40px rgba(45,107,255,.10); }
    .aside-link-accent{
      border-color: rgba(255,77,109,.22);
      background: rgba(255,77,109,.07);
      color: #9a0d2c;
    }
    .aside-divider{ height:1px; background: rgba(18,24,40,.08); margin: 14px 0; }

    .review-grid{
      display:grid;
      grid-template-columns: repeat(3, minmax(0,1fr));
      gap: 14px;
    }
    .review-card{
      border-radius: var(--radius2);
      border: 1px solid rgba(18,24,40,.10);
      background: rgba(255,255,255,.82);
      padding: 18px;
      box-shadow: 0 10px 26px rgba(18,24,40,.06);
      transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
      min-height: 190px;
      display:flex; flex-direction:column;
      gap: 12px;
    }
    .review-card:hover{
      transform: translateY(-2px);
      border-color: rgba(45,107,255,.22);
      box-shadow: 0 18px 40px rgba(18,24,40,.10);
    }
    .review-card-accent{
      background: radial-gradient(720px 260px at 0% 0%, rgba(255,77,109,.12), transparent 54%), rgba(255,255,255,.82);
    }
    .review-card-deep{
      background: radial-gradient(720px 260px at 10% 0%, rgba(45,107,255,.12), transparent 54%), rgba(255,255,255,.82);
    }
    .review-top{ display:flex; align-items:flex-start; justify-content:space-between; gap: 12px; }
    .avatar{
      width: 44px; height: 44px;
      border-radius: 18px;
      border: 1px solid rgba(18,24,40,.10);
      background: linear-gradient(135deg, rgba(255,77,109,.12), rgba(45,107,255,.10));
      display:flex; align-items:center; justify-content:center;
      font-weight: 1000;
      color: #1f2a44;
      flex: 0 0 auto;
      letter-spacing:.2px;
      font-size: 12px;
    }
    .review-name{ font-weight: 1000; letter-spacing:-.3px; }
    .review-role{ color: var(--muted); margin-top: 4px; font-size: 12px; font-weight: 750; }
    .review-stars{ color: #ff7a00; font-weight: 1000; letter-spacing:2px; font-size: 12px; }
    .review-text{ color: var(--muted); line-height:1.75; font-size: 14px; font-weight: 650; margin-top:auto; }

    .contact-grid{
      display:grid;
      grid-template-columns: 1.05fr .95fr;
      gap: 14px;
      align-items:start;
    }
    .contact-card{
      border-radius: var(--radius2);
      border: 1px solid rgba(18,24,40,.10);
      background: rgba(255,255,255,.82);
      padding: 18px;
      box-shadow: 0 10px 26px rgba(18,24,40,.06);
    }
    .contact-info{ margin-top: 14px; display:flex; flex-direction:column; gap: 12px; }
    .info-row{ display:flex; gap: 14px; }
    .info-label{ width: 90px; color:#27324a; font-weight: 950; font-size: 13px; }
    .info-value{ color: var(--muted); font-weight: 750; font-size: 14px; }

    .link{ color: #1c46ff; text-decoration: none; font-weight: 900; }
    .link:hover{ text-decoration: underline; }
    .link-quiet{ color: var(--muted); text-decoration:none; font-weight: 850; }
    .link-quiet:hover{ color: #1c46ff; text-decoration: underline; }

    .contact-actions{ display:flex; flex-wrap:wrap; gap: 12px; margin-top: 16px; }

    .article-links-card{
      border-radius: var(--radius2);
      border: 1px solid rgba(18,24,40,.10);
      background:
        radial-gradient(720px 260px at 10% 0%, rgba(255,77,109,.12), transparent 54%),
        rgba(255,255,255,.78);
      padding: 18px;
      box-shadow: 0 10px 26px rgba(18,24,40,.05);
      margin-top: 14px;
    }
    .friend-links{
      display:flex; flex-wrap:wrap;
      gap: 10px;
      margin-top: 12px;
    }
    .friend-links a{
      text-decoration:none;
      color: #1f2a44;
      font-weight: 900;
      font-size: 13px;
      padding: 10px 12px;
      border-radius: 14px;
      border: 1px solid rgba(18,24,40,.10);
      background: rgba(255,255,255,.74);
      transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    }
    .friend-links a:hover{
      transform: translateY(-2px);
      border-color: rgba(45,107,255,.22);
      box-shadow: 0 18px 40px rgba(18,24,40,.10);
    }

    .kefu-card{
      border-radius: var(--radius2);
      border: 1px solid rgba(18,24,40,.10);
      background:
        radial-gradient(720px 260px at 0% 0%, rgba(45,107,255,.12), transparent 54%),
        radial-gradient(720px 260px at 85% 10%, rgba(255,77,109,.10), transparent 54%),
        rgba(255,255,255,.82);
      padding: 18px;
      box-shadow: 0 10px 26px rgba(18,24,40,.06);
    }
    .panel-card-title{ }
    .kefu-wrap{
      margin-top: 12px;
      border-radius: 18px;
      border: 1px solid rgba(18,24,40,.10);
      background: rgba(255,255,255,.78);
      padding: 14px;
      display:flex;
      align-items:center;
      justify-content:center;
    }
    .qr-img{
      width: min(210px, 100%);
      height: auto;
      display:block;
      border-radius: 12px;
      object-fit: contain;
    }
    .kefu-note{ margin-top: 12px; color: var(--muted); line-height:1.7; font-size: 13px; font-weight: 700; }

    .kefu-fast-links{ margin-top: 14px; display:flex; flex-direction:column; gap: 10px; }
    #toast{
      display:none;
      margin-top: 12px;
      padding: 10px 12px;
      border-radius: 14px;
      background: rgba(15,23,42,.92);
      color:#fff;
      font-weight: 900;
      font-size: 13px;
    }

    .site-footer{
      background: #0b1220;
      color: #e8eefc;
      margin-top: 6px;
      border-top: 1px solid rgba(255,255,255,.08);
    }
    .footer-inner{ padding: 28px 0 22px; }
    .footer-top{
      display:flex; align-items:flex-start; justify-content:space-between; gap: 16px; flex-wrap:wrap;
    }
    .footer-brand{ display:flex; gap: 12px; align-items:flex-start; }
    .footer-logo .ai-page-logo{ width: 46px; border-radius: 16px; background: rgba(255,255,255,.04); }
    .footer-title{ font-weight: 1000; letter-spacing:-.3px; }
    .footer-sub{ color: rgba(232,238,252,.78); margin-top: 6px; line-height:1.6; font-size: 13px; font-weight: 700; max-width: 52ch; }
    .footer-cta{ display:flex; gap: 12px; flex-wrap:wrap; justify-content:flex-end; }

    .site-footer .btn{
      border-color: rgba(255,255,255,.16);
    }
    .site-footer .btn-ghost{
      background: rgba(255,255,255,.06);
      color: #eaf1ff;
    }
    .site-footer .btn-ghost:hover{
      border-color: rgba(255,255,255,.26);
      background: rgba(255,255,255,.10);
      box-shadow: 0 18px 40px rgba(0,0,0,.25);
    }
    .site-footer .btn-solid{
      box-shadow: 0 18px 45px rgba(45,107,255,.22);
    }

    .footer-divider{ height:1px; background: rgba(255,255,255,.10); margin: 18px 0; }
    .footer-divider-tight{ margin: 14px 0; }
    .footer-mid{
      display:grid;
      grid-template-columns: 1fr 1fr 1.2fr;
      gap: 14px;
      align-items:start;
    }
    .footer-col-title{ font-weight: 1000; color: rgba(232,238,252,.92); margin-bottom: 10px; }
    .footer-links{ display:flex; flex-direction:column; gap: 10px; }
    .footer-links a{
      color: rgba(232,238,252,.80);
      text-decoration:none;
      font-weight: 750;
      font-size: 13px;
      transition: color .2s ease;
    }
    .footer-links a:hover{ color: #fff; text-decoration: underline; }
    .footer-text{ color: rgba(232,238,252,.80); font-weight: 750; font-size: 13px; line-height:1.8; }
    .site-footer .link{ color: #cfe0ff; }
    .site-footer .link:hover{ text-decoration: underline; }

    .footer-bottom{
      display:flex; align-items:center; justify-content:space-between; gap: 12px; flex-wrap:wrap;
      color: rgba(232,238,252,.75);
      font-weight: 750;
      font-size: 13px;
    }
    .footer-bottom-links{ display:flex; gap: 14px; }
    .footer-bottom-links a{
      color: rgba(232,238,252,.75);
      text-decoration:none;
      font-weight: 800;
      transition: color .2s ease;
    }
    .footer-bottom-links a:hover{ color:#fff; text-decoration: underline; }

    .float-ctas{
      position: fixed;
      right: 16px;
      bottom: 18px;
      display:flex;
      flex-direction:column;
      gap: 10px;
      z-index: 60;
    }
    .float-btn{
      text-decoration:none;
      border-radius: 18px;
      border: 1px solid rgba(18,24,40,.10);
      background: rgba(255,255,255,.88);
      box-shadow: 0 18px 45px rgba(18,24,40,.12);
      padding: 10px 12px;
      display:flex;
      align-items:center;
      gap: 10px;
      font-weight: 980;
      color: #0f172a;
      transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
      user-select:none;
    }
    .float-btn:hover{
      transform: translateY(-2px);
      border-color: rgba(45,107,255,.28);
      box-shadow: 0 22px 60px rgba(18,24,40,.16);
    }
    .float-whats .float-ic{
      background: linear-gradient(135deg, rgba(255,77,109,.18), rgba(45,107,255,.16));
      border: 1px solid rgba(18,24,40,.10);
      width: 30px; height: 30px;
      border-radius: 14px;
      display:flex; align-items:center; justify-content:center;
    }
    .float-top .float-ic{
      width: 30px; height: 30px;
      border-radius: 14px;
      display:flex; align-items:center; justify-content:center;
      background: linear-gradient(135deg, rgba(45,107,255,.16), rgba(21,183,166,.14));
      border: 1px solid rgba(18,24,40,.10);
    }
    .float-txt{ font-size: 13px; }

    .mobile-drawer{
      display:none;
    }

    [data-animate="up"]{
      opacity: 0;
      transform: translateY(14px);
      transition: opacity .6s ease, transform .6s ease;
    }
    [data-animate="up"].in-view{
      opacity: 1;
      transform: translateY(0);
    }

    @media (prefers-reduced-motion: reduce){
      html{ scroll-behavior:auto; }
      .map-ring{ animation:none; }
      [data-animate="up"]{ transition:none; opacity:1; transform:none; }
    }

    @media (max-width: 980px){
      .desktop-nav{ display:none; }
      .hero-grid{ grid-template-columns: 1fr; }
      .hero-mini{ grid-template-columns: 1fr; }
      .hero-side{ margin-top: 10px; }
      .cards-3{ grid-template-columns: 1fr; }
      .dual-row{ grid-template-columns: 1fr; }
      .steps{ grid-template-columns: 1fr; }
      .split-grid{ grid-template-columns: 1fr; }
      .pricing-wrap{ grid-template-columns: 1fr; }
      .compare-hero{ grid-template-columns: 1fr; }
      .solution-grid{ grid-template-columns: 1fr; }
      .cases-grid{ grid-template-columns: 1fr; }
      .network-grid{ grid-template-columns: 1fr; }
      .training-grid{ grid-template-columns: 1fr; }
      .review-grid{ grid-template-columns: 1fr; }
      .help-cards{ grid-template-columns: 1fr; }
      .faq-grid{ grid-template-columns: 1fr; }
      .wiki-grid{ grid-template-columns: 1fr; }
      .news-grid{ grid-template-columns: 1fr; }
      .contact-grid{ grid-template-columns: 1fr; }
      .agency-grid{ grid-template-columns: 1fr; }
      .footer-mid{ grid-template-columns: 1fr; }
      .float-ctas{ right: 12px; bottom: 14px; }
      .form-row{ grid-template-columns: 1fr; }
      .match-side .match-side-card{ margin-top: 0; }
    }

    @media (max-width: 980px){
      .mobile-drawer{ display:block; }
      #mobileDrawer{ position: fixed; inset: 0; z-index: 80; pointer-events:none; }
      .mobile-drawer.open{ pointer-events:auto; }
      .drawer-scrim{
        position:absolute; inset:0;
        background: rgba(15,23,42,.38);
        opacity: 0;
        transition: opacity .2s ease;
      }
      .mobile-drawer.open .drawer-scrim{ opacity: 1; }
      .drawer-panel{
        position:absolute;
        right: 10px; top: 10px; bottom: 10px;
        width: min(340px, calc(100% - 20px));
        background: rgba(255,255,255,.92);
        border: 1px solid rgba(18,24,40,.10);
        border-radius: 20px;
        box-shadow: 0 30px 80px rgba(0,0,0,.28);
        transform: translateX(18px);
        opacity: 0;
        transition: transform .22s ease, opacity .22s ease;
        display:flex; flex-direction:column;
      }
      .mobile-drawer.open .drawer-panel{
        transform: translateX(0);
        opacity: 1;
      }
      .drawer-head{
        padding: 14px 14px 10px;
        display:flex; align-items:center; justify-content:space-between; gap: 10px;
        border-bottom: 1px solid rgba(18,24,40,.08);
      }
      .drawer-title{ font-weight: 1000; letter-spacing:-.2px; }
      .drawer-body{
        padding: 14px;
        display:flex; flex-direction:column; gap: 10px;
        overflow:auto;
      }
      .drawer-link{
        text-decoration:none;
        padding: 12px 12px;
        border-radius: 16px;
        border: 1px solid rgba(18,24,40,.10);
        background: rgba(255,255,255,.74);
        font-weight: 950;
        color: #1f2a44;
        transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
      }
      .drawer-link:hover{
        transform: translateY(-2px);
        border-color: rgba(45,107,255,.22);
        box-shadow: 0 18px 40px rgba(18,24,40,.10);
      }
      .drawer-link-accent{
        background: linear-gradient(120deg, rgba(255,77,109,.14), rgba(45,107,255,.12));
        border-color: rgba(255,77,109,.22);
      }
      .drawer-foot{
        padding: 14px;
        border-top: 1px solid rgba(18,24,40,.08);
        display:flex; flex-direction:column; gap: 10px;
      }
      .drawer-small{ color: var(--muted); font-weight: 750; font-size: 13px; }
    }

    @media (max-width: 420px){
      .nav-actions{ min-width: auto; }
      .brand{ min-width: auto; }
      .brand-sub{ display:none; }
      .hero{ padding-top: 40px; }
    }