:root{
      --bg: #ffffff;
      --bg2:#fff5f8;
      --text:#1f2430;
      --muted:#5b6475;
      --muted2:#7a8396;
      --line:#e9e3ea;
      --card:#ffffff;
      --soft:#f7f2f6;
      --accent:#d9467a;
      --accent2:#ff4fa2;
      --accent3:#ff8cc0;
      --navBg: rgba(255,255,255,.7);
      --shadow: 0 10px 30px rgba(16,24,40,.08);
      --shadow2: 0 8px 18px rgba(16,24,40,.10);
      --radius: 18px;
      --radius2: 14px;
      --max: 1160px;
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB",
      "Microsoft YaHei", "Noto Sans CJK SC", "Helvetica Neue", Arial, "Apple Color Emoji","Segoe UI Emoji";
      background:
        radial-gradient(1200px 700px at 15% 0%, rgba(217,70,122,.14), transparent 55%),
        radial-gradient(900px 600px at 85% 20%, rgba(255,79,162,.10), transparent 50%),
        linear-gradient(180deg, #fff 0%, #fff 40%, #fff5f8 100%);
      color:var(--text);
    }

    .skip-link{
      position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;
      background:#000;color:#fff;padding:10px;border-radius:10px;z-index:9999;
    }
    .skip-link:focus{left:14px;top:14px;width:auto;height:auto;overflow:visible}

    .container{max-width:var(--max); margin:0 auto; padding:0 16px}
    a{color:inherit; text-decoration:none}
    .section{padding:74px 0}
    .section-soft{background:linear-gradient(180deg, rgba(217,70,122,.06), rgba(255,255,255,0)); border-top:1px solid rgba(233,227,234,.55); border-bottom:1px solid rgba(233,227,234,.35)}
    .section-soft2{background:linear-gradient(180deg, rgba(255,79,162,.05), rgba(255,255,255,0)); border-top:1px solid rgba(233,227,234,.45); border-bottom:1px solid rgba(233,227,234,.35)}
    .section-head{margin-bottom:28px}
    .h2{font-size:30px; line-height:1.15; margin:0 0 10px; letter-spacing:-.02em}
    .h3{font-size:18px; margin:0 0 8px}
    .sub{color:var(--muted); margin:0; line-height:1.65; max-width:78ch}
    .p{color:var(--muted); line-height:1.75; margin:0}

    .site-header{
      position:sticky; top:0; z-index:50;
      background:var(--navBg);
      backdrop-filter: blur(10px);
      border-bottom:1px solid rgba(233,227,234,.65);
    }
    .nav-container{
      display:flex; align-items:center; justify-content:space-between;
      gap:14px; padding:12px 0;
    }
    .brand{display:flex; align-items:center; gap:12px; min-width:240px}
    .brand-link{display:flex; align-items:center; gap:12px}
    .ai-page-logo{width:44px; border-radius:12px; box-shadow:0 10px 24px rgba(217,70,122,.18)}
    .brand-text{display:flex; flex-direction:column; gap:2px}
    .brand-name{font-weight:900; letter-spacing:-.02em}
    .brand-sub{font-size:12px; color:var(--muted2)}
    .nav-desktop{
      display:flex; gap:14px; align-items:center;
      color:var(--muted);
      flex:1;
      justify-content:center;
      flex-wrap:wrap;
    }
    .nav-desktop a{
      font-size:13px; padding:8px 10px; border-radius:12px;
      transition: background .2s ease, color .2s ease, transform .2s ease;
    }
    .nav-desktop a:hover{background:rgba(217,70,122,.08); color:var(--text); transform: translateY(-1px)}
    .nav-actions{display:flex; align-items:center; gap:10px; justify-content:flex-end; min-width:210px}
    .btn{
      display:inline-flex; align-items:center; justify-content:center; gap:8px;
      border-radius:14px;
      border:1px solid rgba(233,227,234,.9);
      padding:10px 14px;
      font-weight:750; font-size:14px;
      transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
      user-select:none;
      white-space:nowrap;
    }
    .btn-lg{padding:12px 18px; border-radius:16px; font-size:15px}
    .btn-primary{
      background: linear-gradient(135deg, var(--accent) 0%, var(--accent2) 55%, #ff7bbd 100%);
      color:#fff;
      border-color: rgba(217,70,122,.25);
      box-shadow: 0 14px 34px rgba(217,70,122,.22);
    }
    .btn-primary:hover{transform: translateY(-2px); box-shadow: 0 18px 44px rgba(217,70,122,.28)}
    .btn-ghost{
      background: rgba(255,255,255,.75);
      color:var(--text);
    }
    .btn-ghost:hover{transform: translateY(-2px); box-shadow: 0 10px 22px rgba(16,24,40,.10); border-color: rgba(217,70,122,.35)}
    .btn-soft{
      background: rgba(217,70,122,.09);
      color: var(--accent);
      border-color: rgba(217,70,122,.20);
    }
    .btn-soft:hover{transform: translateY(-2px); box-shadow: 0 12px 26px rgba(217,70,122,.16); border-color: rgba(217,70,122,.35)}
    .menu-toggle{
      border:1px solid rgba(233,227,234,.9);
      background: rgba(255,255,255,.75);
      border-radius:14px;
      padding:10px 12px;
      display:flex; align-items:center; gap:10px;
      cursor:pointer;
      transition: transform .18s ease, box-shadow .18s ease;
      color:var(--text);
      font-weight:800;
    }
    .menu-toggle:hover{transform: translateY(-2px); box-shadow:0 10px 22px rgba(16,24,40,.10)}
    .burger{
      width:18px; height:12px; display:inline-block; position:relative;
    }
    .burger::before,.burger::after,.burger span{
      content:""; position:absolute; left:0; right:0; height:2px; background: var(--accent);
      border-radius:999px;
    }
    .burger::before{top:0}
    .burger::after{bottom:0}
    .burger{background: linear-gradient(var(--accent), var(--accent)); background-size:100% 2px; background-repeat:no-repeat; background-position:center}
    .menu-label{font-size:13px; color:var(--muted)}
    .mobile-drawer{
      display:none;
      position:fixed; inset:0;
      background: rgba(16,24,40,.45);
      z-index:80;
      padding:18px;
    }
    .drawer-inner{
      max-width:520px; margin:0 auto;
      background: #fff;
      border:1px solid rgba(233,227,234,.9);
      border-radius:22px;
      box-shadow: var(--shadow2);
      padding:14px;
      height: calc(100vh - 36px);
      overflow:auto;
    }
    .drawer-top{display:flex; align-items:center; justify-content:space-between; padding:6px 8px 10px}
    .drawer-title{font-weight:900}
    .drawer-close{
      border:none; background:rgba(217,70,122,.10);
      color:var(--accent); border-radius:14px;
      width:42px; height:42px; cursor:pointer;
      display:flex; align-items:center; justify-content:center;
      font-size:24px; line-height:1;
    }
    .drawer-links{display:flex; flex-direction:column; gap:8px; padding:6px 8px 14px}
    .drawer-links a{
      padding:12px 12px;
      border-radius:16px;
      border:1px solid rgba(233,227,234,.9);
      color:var(--text);
      background: linear-gradient(180deg, rgba(255,79,162,.05), rgba(255,255,255,.8));
      font-weight:800;
    }
    .drawer-cta{display:flex; flex-direction:column; gap:10px; padding:0 8px 10px}

    .hero{
      padding:58px 0 36px;
      position:relative;
      overflow:hidden;
    }
    .hero-inner{display:grid; grid-template-columns: 1.05fr .95fr; gap:22px; align-items:stretch}
    .hero-copy{padding:12px 0}
    .eyebrow{display:flex; flex-wrap:wrap; gap:10px; margin-bottom:14px}
    .pill{
      display:inline-flex; align-items:center; justify-content:center;
      padding:8px 12px; border-radius:999px;
      border:1px solid rgba(217,70,122,.18);
      background: rgba(217,70,122,.08);
      color: var(--accent);
      font-weight:850; font-size:13px;
    }
    .pill-alt{background: rgba(255,79,162,.10); border-color: rgba(255,79,162,.22)}
    .pill-alt2{background: rgba(217,70,122,.06); border-color: rgba(217,70,122,.18)}
    .hero-h1{
      font-size:46px;
      margin:0 0 12px;
      letter-spacing:-.03em;
      line-height:1.06;
      font-weight:950;
    }
    .hero-lead{
      margin:0 0 18px;
      color: var(--muted);
      line-height:1.8;
      font-size:16px;
      max-width:58ch;
    }
    .hero-actions{display:flex; gap:12px; flex-wrap:wrap; margin-bottom:18px}
    .hero-quick{display:grid; grid-template-columns: repeat(3, 1fr); gap:12px}
    .quick-item{
      background: rgba(255,255,255,.72);
      border:1px solid rgba(233,227,234,.85);
      border-radius:16px;
      padding:12px 12px;
      transition: transform .2s ease, box-shadow .2s ease;
      box-shadow: 0 6px 16px rgba(16,24,40,.04);
    }
    .quick-item:hover{transform: translateY(-3px); box-shadow: 0 16px 34px rgba(217,70,122,.12)}
    .quick-num{font-weight:950; letter-spacing:-.02em; margin-bottom:6px}
    .quick-desc{color:var(--muted); font-size:13px; line-height:1.6}

    .hero-panel{position:relative}
    .panel-frame{
      background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.55));
      border:1px solid rgba(233,227,234,.95);
      border-radius:24px;
      box-shadow: var(--shadow);
      padding:18px;
      height:100%;
      display:flex; flex-direction:column; gap:14px;
      position:relative;
      overflow:hidden;
    }
    .panel-title{
      display:flex; align-items:center; gap:10px;
      font-weight:950; letter-spacing:-.02em;
    }
    .spark{
      width:10px; height:10px; border-radius:50%;
      background: radial-gradient(circle at 30% 30%, #fff, var(--accent2));
      box-shadow: 0 0 0 6px rgba(217,70,122,.12);
    }
    .metrics{display:flex; flex-direction:column; gap:12px}
    .metric{
      border:1px solid rgba(233,227,234,.9);
      background: rgba(255,255,255,.72);
      border-radius:18px;
      padding:12px;
      transition: transform .2s ease, box-shadow .2s ease;
    }
    .metric:hover{transform: translateY(-3px); box-shadow: 0 16px 34px rgba(217,70,122,.12)}
    .metric-top{display:flex; align-items:center; gap:10px; margin-bottom:8px}
    .metric-icon{
      width:34px; height:34px; border-radius:14px;
      display:flex; align-items:center; justify-content:center;
      background: rgba(217,70,122,.10);
      color: var(--accent);
      font-weight:1000;
      border:1px solid rgba(217,70,122,.18);
      flex:0 0 auto;
    }
    .metric-label{font-weight:900}
    .metric-value{font-weight:1000; letter-spacing:-.02em; margin-bottom:4px}
    .metric-sub{color:var(--muted); font-size:13px; line-height:1.65}
    .panel-foot{display:flex; gap:14px; flex-wrap:wrap; margin-top:auto}
    .link-cta{
      display:inline-flex; align-items:center; gap:10px;
      font-weight:900; color: var(--accent);
      padding:10px 12px;
      border-radius:16px;
      border:1px solid rgba(217,70,122,.18);
      background: rgba(217,70,122,.06);
      transition: transform .18s ease, box-shadow .18s ease;
    }
    .link-cta:hover{transform: translateY(-2px); box-shadow: 0 14px 30px rgba(217,70,122,.14)}
    .hero-ornaments{
      position:absolute; inset:0; pointer-events:none;
    }
    .orb{
      position:absolute; border-radius:999px;
      filter: blur(0px);
      opacity:.9;
      transform: translate3d(0,0,0);
      animation: floaty 7s ease-in-out infinite;
    }
    .orb1{width:180px; height:180px; left:-60px; top:-70px; background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.9), rgba(255,79,162,.22) 40%, rgba(217,70,122,0) 70%);}
    .orb2{width:220px; height:220px; right:-90px; bottom:-110px; background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.9), rgba(217,70,122,.18) 40%, rgba(217,70,122,0) 70%); animation-delay:-2.5s}
    .gridlines{
      position:absolute; inset:-40px -60px -60px -60px;
      background:
        linear-gradient(to right, rgba(217,70,122,.08) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(217,70,122,.06) 1px, transparent 1px);
      background-size: 42px 42px;
      mask-image: radial-gradient(circle at 50% 20%, rgba(0,0,0,.85), transparent 65%);
      opacity:.55;
    }
    @keyframes floaty{
      0%,100%{transform: translateY(0px)}
      50%{transform: translateY(12px)}
    }

    .grid-3{display:grid; grid-template-columns: repeat(3, 1fr); gap:16px}
    .grid-4{display:grid; grid-template-columns: repeat(4, 1fr); gap:14px}
    .grid-5{display:grid; grid-template-columns: repeat(5, 1fr); gap:12px}

    .card{
      background: rgba(255,255,255,.72);
      border:1px solid rgba(233,227,234,.95);
      border-radius:var(--radius);
      padding:18px;
      box-shadow: 0 8px 20px rgba(16,24,40,.05);
      transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    }
    .card:hover{transform: translateY(-3px); box-shadow: 0 18px 40px rgba(16,24,40,.08); border-color: rgba(217,70,122,.35)}
    .accent-card{
      background: linear-gradient(180deg, rgba(217,70,122,.10), rgba(255,255,255,.72));
      border-color: rgba(217,70,122,.22);
    }
    .card-badge{
      display:inline-flex; align-items:center;
      padding:8px 12px; border-radius:999px;
      border:1px solid rgba(217,70,122,.18);
      background: rgba(217,70,122,.07);
      color: var(--accent);
      font-weight:950; font-size:13px;
      margin-bottom:10px;
    }
    .card-tags{display:flex; gap:10px; flex-wrap:wrap; margin-top:14px}
    .tag{
      display:inline-flex; align-items:center; justify-content:center;
      padding:8px 10px; border-radius:999px;
      border:1px solid rgba(233,227,234,.95);
      background: rgba(255,255,255,.75);
      color: var(--muted);
      font-weight:850; font-size:13px;
    }
    .tag.cloud-tag{background: rgba(217,70,122,.06); border-color: rgba(217,70,122,.18); color: var(--accent)}
    .list{list-style:none; padding:0; margin:14px 0 0; display:flex; flex-direction:column; gap:10px}
    .dot{width:10px; height:10px; border-radius:50%; display:inline-block; background: rgba(217,70,122,.35); border:1px solid rgba(217,70,122,.45); margin-right:10px}
    .list li{display:flex; align-items:flex-start; gap:10px; color:var(--muted); line-height:1.65}

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

    .split{display:grid; grid-template-columns: 1fr 1fr; gap:18px; align-items:start}
    .service-list{display:flex; flex-direction:column; gap:12px}
    .service-item{
      display:flex; gap:14px; align-items:flex-start;
      padding:14px; border-radius:18px;
      border:1px solid rgba(233,227,234,.95);
      background: rgba(255,255,255,.7);
      box-shadow: 0 10px 26px rgba(16,24,40,.05);
      transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
      outline:none;
      cursor:pointer;
    }
    .service-item:hover, .service-item:focus-visible{
      transform: translateY(-3px);
      box-shadow: 0 18px 40px rgba(217,70,122,.12);
      border-color: rgba(217,70,122,.35);
    }
    .service-step{
      width:38px; height:38px; border-radius:16px;
      display:flex; align-items:center; justify-content:center;
      background: rgba(217,70,122,.10);
      border:1px solid rgba(217,70,122,.22);
      color: var(--accent);
      font-weight:1000;
      flex:0 0 auto;
    }
    .service-title{font-weight:1000; margin-bottom:6px}
    .service-desc{color:var(--muted); line-height:1.7; font-size:13.5px}

    .platform-intro{
      border:1px solid rgba(233,227,234,.95);
      background:
        radial-gradient(900px 420px at 20% 0%, rgba(217,70,122,.12), rgba(255,255,255,0) 58%),
        linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.62));
      border-radius:24px;
      padding:18px;
      box-shadow: var(--shadow);
    }
    .platform-top{padding:2px 2px 10px}
    .platform-kicker{
      display:inline-flex; align-items:center; gap:8px;
      font-weight:1000; color: var(--accent);
      margin-bottom:8px;
    }
    .platform-kicker::before{
      content:""; width:12px; height:12px; border-radius:4px;
      background: linear-gradient(135deg, var(--accent), var(--accent2));
      box-shadow:0 0 0 6px rgba(217,70,122,.10);
      display:inline-block;
    }
    .platform-grid{
      display:grid; grid-template-columns: repeat(2, 1fr);
      gap:12px; margin-top:12px;
    }
    .platform-card{
      padding:14px; border-radius:18px;
      border:1px solid rgba(233,227,234,.95);
      background: rgba(255,255,255,.70);
      transition: transform .2s ease, box-shadow .2s ease;
      min-height:110px;
    }
    .platform-card:hover{transform: translateY(-3px); box-shadow: 0 18px 40px rgba(217,70,122,.12)}
    .pc-icon{
      width:36px; height:36px; border-radius:16px;
      display:flex; align-items:center; justify-content:center;
      background: rgba(217,70,122,.10);
      border:1px solid rgba(217,70,122,.20);
      color: var(--accent);
      font-weight:1000;
      margin-bottom:10px;
    }
    .pc-title{font-weight:1000; margin-bottom:6px}
    .pc-desc{color:var(--muted); line-height:1.65; font-size:13.5px}
    .platform-actions{display:flex; gap:12px; flex-wrap:wrap; margin-top:14px}

    .tag-cloud{margin-top:18px; display:flex; gap:10px; flex-wrap:wrap}

    .tile-card{padding:18px; min-height:148px; background: rgba(255,255,255,.72)}
    .tile-top{display:flex; align-items:center; gap:12px; margin-bottom:10px}
    .tile-icon{
      width:40px; height:40px; border-radius:18px;
      background: rgba(217,70,122,.10);
      border:1px solid rgba(217,70,122,.22);
      color: var(--accent);
      display:flex; align-items:center; justify-content:center;
      font-weight:1000;
      flex:0 0 auto;
    }

    .industry-card{
      border:1px solid rgba(233,227,234,.95);
      background: rgba(255,255,255,.72);
      border-radius:20px;
      padding:16px;
      box-shadow: 0 10px 26px rgba(16,24,40,.05);
      transition: transform .2s ease, box-shadow .2s ease;
    }
    .industry-card:hover{transform: translateY(-3px); box-shadow: 0 18px 40px rgba(217,70,122,.12)}
    .industry-icon{
      width:42px; height:42px; border-radius:18px;
      display:flex; align-items:center; justify-content:center;
      background: rgba(217,70,122,.10);
      border:1px solid rgba(217,70,122,.20);
      color: var(--accent);
      font-weight:1000;
      margin-bottom:12px;
    }
    .industry-title{font-weight:1000; margin-bottom:6px}
    .industry-desc{color:var(--muted); line-height:1.7; font-size:13.5px}

    .callout{
      margin-top:18px;
      border:1px solid rgba(217,70,122,.22);
      background: linear-gradient(135deg, rgba(217,70,122,.10), rgba(255,255,255,.72));
      border-radius:22px;
      padding:18px;
      display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;
    }
    .callout-title{font-weight:1000; font-size:18px; margin-bottom:6px}
    .callout-sub{color:var(--muted); line-height:1.7; max-width:60ch}

    .network{display:grid; grid-template-columns: 1.05fr .95fr; gap:16px}
    .timeline{border:1px solid rgba(233,227,234,.95); background: rgba(255,255,255,.7); border-radius:24px; padding:16px}
    .timeline-item{display:flex; gap:14px; padding:12px 8px}
    .t-dot{width:14px; height:14px; border-radius:5px; background: linear-gradient(135deg, var(--accent), var(--accent2)); box-shadow:0 0 0 6px rgba(217,70,122,.10); margin-top:4px; flex:0 0 auto}
    .t-title{font-weight:1000; margin-bottom:6px}
    .t-desc{color:var(--muted); line-height:1.7; font-size:13.5px}

    .network-box{
      border:1px solid rgba(233,227,234,.95);
      background:
        radial-gradient(700px 380px at 20% 0%, rgba(217,70,122,.12), rgba(255,255,255,0) 60%),
        rgba(255,255,255,.68);
      border-radius:24px;
      padding:16px;
      box-shadow: 0 14px 34px rgba(16,24,40,.06);
      height:100%;
      display:flex; flex-direction:column;
      gap:14px;
    }
    .network-box-title{font-weight:1000; font-size:18px; margin:6px 0 6px}
    .network-box-sub{color:var(--muted); line-height:1.7}
    .bullets{list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:10px}
    .check{color:var(--accent); font-weight:1000; margin-right:10px}
    .bullets li{display:flex; align-items:flex-start; color:var(--muted); line-height:1.7}
    .network-box-actions{display:flex; gap:12px; flex-wrap:wrap; margin-top:auto}

    .steps{display:grid; grid-template-columns: repeat(5, 1fr); gap:12px}
    .step-card{
      border-radius:22px;
      border:1px solid rgba(233,227,234,.95);
      background: rgba(255,255,255,.72);
      padding:16px;
      box-shadow: 0 10px 26px rgba(16,24,40,.05);
      transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
      min-height:200px;
      display:flex; flex-direction:column;
    }
    .step-card:hover{transform: translateY(-3px); box-shadow: 0 18px 40px rgba(217,70,122,.12); border-color: rgba(217,70,122,.35)}
    .step-num{
      font-weight:1000;
      color: var(--accent);
      background: rgba(217,70,122,.08);
      border:1px solid rgba(217,70,122,.18);
      border-radius:16px;
      padding:8px 12px;
      display:inline-flex;
      width:fit-content;
      margin-bottom:10px;
    }
    .steps .h3{margin-top:6px}
    .step-card p{margin-top:auto}

    .case-grid{display:grid; grid-template-columns: repeat(4, 1fr); gap:14px}
    .case-card{
      border-radius:22px;
      border:1px solid rgba(233,227,234,.95);
      background:
        radial-gradient(600px 260px at 10% 0%, rgba(217,70,122,.10), rgba(255,255,255,0) 55%),
        rgba(255,255,255,.72);
      padding:16px;
      box-shadow: 0 10px 26px rgba(16,24,40,.05);
      transition: transform .2s ease, box-shadow .2s ease;
      min-height:190px;
      display:flex; flex-direction:column;
    }
    .case-card:hover{transform: translateY(-3px); box-shadow: 0 18px 40px rgba(217,70,122,.12)}
    .case-top{display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:10px}
    .case-type{font-weight:1000; color: var(--accent); font-size:13px; letter-spacing:.02em}
    .case-chip{
      font-size:12px; color: var(--muted);
      border:1px solid rgba(233,227,234,.95);
      padding:7px 10px; border-radius:999px;
      background: rgba(255,255,255,.75);
      white-space:nowrap;
    }
    .case-card .h3{font-size:16px; margin-top:4px}
    .case-card p{margin-top:auto}

    .case-bottom{display:flex; gap:12px; flex-wrap:wrap; margin-top:18px}

    .compare-wrap{
      border:1px solid rgba(233,227,234,.95);
      border-radius:26px;
      background:
        radial-gradient(900px 380px at 10% 0%, rgba(217,70,122,.10), rgba(255,255,255,0) 55%),
        rgba(255,255,255,.72);
      box-shadow: var(--shadow);
      padding:18px;
    }
    .compare-top{display:grid; grid-template-columns: .9fr 1.1fr; gap:16px; align-items:stretch}
    .score-card{
      border-radius:26px;
      border:1px solid rgba(217,70,122,.22);
      background: linear-gradient(180deg, rgba(217,70,122,.08), rgba(255,255,255,.76));
      padding:18px;
      display:flex; align-items:center; gap:14px; position:relative;
      overflow:hidden;
      min-height:180px;
    }
    .score-ring{
      width:92px; height:92px; border-radius:50%;
      background:
        radial-gradient(circle at 50% 50%, rgba(255,255,255,.9) 0 36%, transparent 37%),
        conic-gradient(from 210deg, var(--accent2), var(--accent), #ff86c8, var(--accent2));
      box-shadow: 0 18px 44px rgba(217,70,122,.22);
      flex:0 0 auto;
      position:relative;
    }
    .score-inner{display:flex; flex-direction:column; gap:6px}
    .score-kicker{color:var(--muted); font-weight:900}
    .score-main{font-weight:1100; font-size:34px; letter-spacing:-.03em; color:var(--accent)}
    .score-sub{color:var(--muted); font-weight:900}
    .score-num{font-weight:1100; font-size:18px; color:var(--text)}
    .compare-note{
      border-radius:22px;
      border:1px solid rgba(233,227,234,.95);
      background: rgba(255,255,255,.70);
      padding:16px;
    }
    .note-title{font-weight:1000; font-size:18px; margin-bottom:10px}
    .note-body{display:grid; grid-template-columns: 1fr 1fr; gap:8px 10px}
    .note-row{display:flex; align-items:flex-start; gap:10px; color:var(--muted); line-height:1.7; font-size:13.5px}

    .compare-table-wrap{margin-top:16px}
    .table-hint{color:var(--muted2); font-size:12.5px; margin-bottom:10px}
    .table-scroll{overflow:auto; border-radius:18px; border:1px solid rgba(233,227,234,.95); background: rgba(255,255,255,.72)}
    table{width:100%; border-collapse:collapse; min-width:820px}
    th, td{padding:12px 12px; border-bottom:1px solid rgba(233,227,234,.8); text-align:left; vertical-align:top}
    thead th{
      background: linear-gradient(180deg, rgba(217,70,122,.10), rgba(255,255,255,.72));
      color:var(--text);
      font-weight:1100;
      position:sticky;
      top:0;
      z-index:1;
    }
    tbody tr:hover td{background: rgba(217,70,122,.05)}
    .td-sub{color:var(--muted); margin-top:6px; font-size:13px; line-height:1.6}
    .badge{
      display:inline-flex; align-items:center; gap:8px;
      padding:7px 10px; border-radius:999px;
      font-weight:1000; font-size:12.5px; margin-bottom:6px;
      border:1px solid rgba(233,227,234,.95);
      background: rgba(255,255,255,.75);
    }
    .badge-good{border-color: rgba(217,70,122,.22); background: rgba(217,70,122,.08); color: var(--accent)}
    .badge-warn{border-color: rgba(122,131,150,.22); background: rgba(122,131,150,.10); color: var(--muted)}
    .compare-actions{display:flex; gap:12px; flex-wrap:wrap; margin-top:16px}

    .compare-table{table-layout:fixed}
    .compare-table th:nth-child(1){width:22%}
    .compare-table th:nth-child(2){width:39%}
    .compare-table th:nth-child(3){width:39%}

    .pricing-grid{display:grid; grid-template-columns: 1.2fr .8fr; gap:16px; align-items:start}
    .pricing-panel{
      border-radius:26px;
      border:1px solid rgba(233,227,234,.95);
      background:
        radial-gradient(900px 420px at 0% 0%, rgba(217,70,122,.10), rgba(255,255,255,0) 55%),
        rgba(255,255,255,.72);
      box-shadow: var(--shadow);
      padding:18px;
    }
    .pricing-top{margin-bottom:12px}
    .pricing-title{font-weight:1100; font-size:18px; margin-top:8px}
    .pricing-sub{color:var(--muted); margin-top:6px; line-height:1.7}
    .price-table{min-width:860px}
    .money-range{
      display:inline-flex; align-items:center; justify-content:center;
      padding:7px 10px; border-radius:999px;
      border:1px solid rgba(217,70,122,.22);
      background: rgba(217,70,122,.08);
      color: var(--accent);
      font-weight:1000;
    }
    .pricing-actions{display:flex; gap:12px; flex-wrap:wrap; margin-top:14px}
    .price-side{display:flex; flex-direction:column; gap:14px}
    .side-metrics{
      border:1px solid rgba(233,227,234,.95);
      background: rgba(255,255,255,.72);
      border-radius:26px;
      padding:16px;
      box-shadow: 0 10px 26px rgba(16,24,40,.05);
    }
    .side-metric{display:flex; gap:12px; padding:12px 8px; border-bottom:1px solid rgba(233,227,234,.75)}
    .side-metric:last-child{border-bottom:none}
    .sm-ico{
      width:38px; height:38px; border-radius:16px;
      display:flex; align-items:center; justify-content:center;
      background: rgba(217,70,122,.10);
      border:1px solid rgba(217,70,122,.20);
      color: var(--accent);
      font-weight:1000; flex:0 0 auto;
    }
    .sm-title{font-weight:1000; margin-bottom:4px}
    .sm-desc{color:var(--muted); line-height:1.7; font-size:13.5px}
    .side-quote{
      border:1px solid rgba(233,227,234,.95);
      background: linear-gradient(135deg, rgba(217,70,122,.08), rgba(255,255,255,.72));
      border-radius:26px;
      padding:16px;
      box-shadow: 0 10px 26px rgba(16,24,40,.05);
    }
    .quote-title{font-weight:1000; margin-bottom:8px}
    .quote-body{color:var(--muted); line-height:1.75}
    .quote-actions{margin-top:12px}

    .match-grid{display:grid; grid-template-columns: 1.1fr .9fr; gap:16px; align-items:start}
    .match-form-wrap{
      border:1px solid rgba(233,227,234,.95);
      border-radius:26px;
      background:
        radial-gradient(900px 420px at 10% 0%, rgba(217,70,122,.10), rgba(255,255,255,0) 55%),
        rgba(255,255,255,.72);
      box-shadow: var(--shadow);
      padding:16px;
    }
    .form-title{font-weight:1100; font-size:18px; margin-bottom:10px}
    .form{display:flex; flex-direction:column; gap:12px}
    .form-row{display:grid; grid-template-columns: repeat(2, 1fr); gap:12px}
    .form-row .field:last-child{grid-column: span 1}
    .field{display:flex; flex-direction:column; gap:8px}
    .label{font-weight:950; color:var(--text); font-size:13px}
    input, select, textarea{
      width:100%;
      padding:12px 12px;
      border-radius:16px;
      border:1px solid rgba(233,227,234,.95);
      background: rgba(255,255,255,.85);
      outline:none;
      font-size:14px;
      color:var(--text);
      transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
    }
    textarea{resize:vertical; min-height:120px}
    input:focus, select:focus, textarea:focus{
      border-color: rgba(217,70,122,.45);
      box-shadow: 0 0 0 6px rgba(217,70,122,.12);
    }
    .form-actions{display:flex; flex-direction:column; gap:10px}
    .form-footnote{color:var(--muted); font-size:12.5px; line-height:1.6}
    .match-side{display:flex; flex-direction:column; gap:14px}
    .side-card{
      border-radius:26px;
      border:1px solid rgba(233,227,234,.95);
      background: rgba(255,255,255,.72);
      box-shadow: 0 10px 26px rgba(16,24,40,.05);
      padding:16px;
    }
    .side-card-2{
      background: linear-gradient(135deg, rgba(217,70,122,.08), rgba(255,255,255,.72));
      border-color: rgba(217,70,122,.20);
    }
    .side-title{font-weight:1100; font-size:18px; margin-bottom:10px}
    .side-items{display:flex; flex-direction:column; gap:12px}
    .side-item{display:flex; gap:12px; align-items:flex-start}
    .si-ico{
      width:34px; height:34px; border-radius:16px;
      background: rgba(217,70,122,.10);
      border:1px solid rgba(217,70,122,.20);
      color: var(--accent);
      display:flex; align-items:center; justify-content:center;
      font-weight:1100; flex:0 0 auto;
    }
    .si-head{font-weight:1000; margin-bottom:4px}
    .si-desc{color:var(--muted); line-height:1.65; font-size:13.5px}
    .side-actions{display:flex; gap:12px; flex-wrap:wrap; margin-top:12px}
    .chips{display:flex; flex-wrap:wrap; gap:10px}
    .side-cta{margin-top:12px}

    .faq{
      border:1px solid rgba(233,227,234,.95);
      background: rgba(255,255,255,.72);
      border-radius:26px;
      padding:10px;
      box-shadow: var(--shadow);
    }
    .faq-item{
      border-radius:18px;
      border:1px solid rgba(233,227,234,.95);
      background: rgba(255,255,255,.75);
      margin:10px;
      padding:0;
      transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
      overflow:hidden;
    }
    .faq-item[open]{border-color: rgba(217,70,122,.35); box-shadow: 0 18px 40px rgba(217,70,122,.10)}
    details > summary{
      list-style:none;
      cursor:pointer;
      padding:14px 16px;
      display:flex; align-items:center; justify-content:space-between;
      gap:12px;
      font-weight:1000;
    }
    details > summary::-webkit-details-marker{display:none}
    .chev{
      width:10px; height:10px; border-right:2px solid rgba(217,70,122,.8); border-bottom:2px solid rgba(217,70,122,.8);
      transform: rotate(45deg);
      transition: transform .2s ease;
      margin-left:10px;
      flex:0 0 auto;
    }
    details[open] .chev{transform: rotate(-135deg); margin-top:4px}
    .faq-body{
      padding:0 16px 14px;
      color:var(--muted);
      line-height:1.75;
    }

    .bio-grid{display:grid; grid-template-columns: repeat(4, 1fr); gap:14px}
    .bio-card{
      border-radius:22px;
      border:1px solid rgba(233,227,234,.95);
      background:
        radial-gradient(680px 280px at 0% 0%, rgba(217,70,122,.10), rgba(255,255,255,0) 55%),
        rgba(255,255,255,.72);
      padding:16px;
      box-shadow: 0 10px 26px rgba(16,24,40,.05);
      transition: transform .2s ease, box-shadow .2s ease;
      min-height:170px;
      display:flex; flex-direction:column; gap:10px;
    }
    .bio-card:hover{transform: translateY(-3px); box-shadow: 0 18px 40px rgba(217,70,122,.12)}
    .bio-top{display:flex; align-items:center; gap:12px}
    .bio-ico{
      width:42px; height:42px; border-radius:18px;
      display:flex; align-items:center; justify-content:center;
      background: rgba(217,70,122,.10);
      border:1px solid rgba(217,70,122,.20);
      color: var(--accent);
      font-weight:1000;
      flex:0 0 auto;
    }
    .bio-title{font-weight:1100}
    .bio-text{color:var(--muted); line-height:1.75; flex:1}

    .news-wrap{border:1px solid rgba(233,227,234,.95); border-radius:26px; background: rgba(255,255,255,.72); box-shadow: var(--shadow); padding:16px}
    .news-grid{display:grid; grid-template-columns: 1fr 1fr; gap:14px; align-items:stretch}
    .news-card{
      border-radius:22px;
      border:1px solid rgba(233,227,234,.95);
      background:
        radial-gradient(760px 280px at 0% 0%, rgba(217,70,122,.12), rgba(255,255,255,0) 55%),
        rgba(255,255,255,.72);
      padding:16px;
      box-shadow: 0 10px 26px rgba(16,24,40,.05);
      display:flex; flex-direction:column; gap:10px;
    }
    .news-meta{color:var(--accent); font-weight:1000; display:flex; align-items:center; gap:10px}
    .news-dot{width:10px; height:10px; border-radius:4px; background: linear-gradient(135deg, var(--accent), var(--accent2)); box-shadow:0 0 0 6px rgba(217,70,122,.10)}
    .news-list-card{
      border-radius:22px;
      border:1px solid rgba(233,227,234,.95);
      background: rgba(255,255,255,.72);
      padding:16px;
      box-shadow: 0 10px 26px rgba(16,24,40,.05);
      display:flex; flex-direction:column; gap:12px;
    }
    .list-title{font-weight:1100; font-size:16px}
    .link-pills{display:flex; flex-wrap:wrap; gap:10px}
    .pill-link{
      padding:10px 12px;
      border-radius:999px;
      border:1px solid rgba(233,227,234,.95);
      background: rgba(255,255,255,.78);
      font-weight:950;
      color: var(--accent);
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    }
    .pill-link:hover{transform: translateY(-2px); box-shadow: 0 14px 30px rgba(217,70,122,.12); border-color: rgba(217,70,122,.35)}
    .list-note{color:var(--muted); font-size:13px; line-height:1.6}

    .contact-grid{display:grid; grid-template-columns: 1.05fr .95fr; gap:16px; align-items:start}
    .contact-card{
      border-radius:26px;
      border:1px solid rgba(233,227,234,.95);
      background: rgba(255,255,255,.72);
      box-shadow: var(--shadow);
      padding:16px;
    }
    .contact-card-2{margin-top:14px; background: linear-gradient(135deg, rgba(217,70,122,.08), rgba(255,255,255,.72)); border-color: rgba(217,70,122,.18)}
    .contact-title{font-weight:1100; font-size:18px; margin-bottom:10px}
    .contact-items{display:flex; flex-direction:column; gap:12px}
    .ci{display:flex; gap:12px; align-items:flex-start; padding:10px 10px; border-radius:18px; border:1px solid rgba(233,227,234,.85); background: rgba(255,255,255,.75)}
    .ci-ico{
      width:42px; height:42px; border-radius:18px;
      display:flex; align-items:center; justify-content:center;
      background: rgba(217,70,122,.10);
      border:1px solid rgba(217,70,122,.20);
      color: var(--accent);
      font-weight:1000; flex:0 0 auto;
    }
    .ci-label{color:var(--muted2); font-weight:950; font-size:12.5px; margin-bottom:4px}
    .ci-link{font-weight:1000}
    .ci-text{color:var(--text); font-weight:900}
    .contact-actions{display:flex; gap:12px; flex-wrap:wrap; margin-top:14px}

    .friend-links{display:flex; flex-wrap:wrap; gap:10px}
    .friend-links a{
      padding:10px 12px;
      border-radius:999px;
      border:1px solid rgba(233,227,234,.95);
      background: rgba(255,255,255,.75);
      color: var(--accent);
      font-weight:950;
      transition: transform .18s ease, box-shadow .18s ease;
    }
    .friend-links a:hover{transform: translateY(-2px); box-shadow: 0 14px 30px rgba(217,70,122,.12)}

    .qr-card{
      border-radius:26px;
      border:1px solid rgba(233,227,234,.95);
      background:
        radial-gradient(760px 320px at 0% 0%, rgba(217,70,122,.14), rgba(255,255,255,0) 55%),
        rgba(255,255,255,.72);
      box-shadow: var(--shadow);
      padding:16px;
      position:sticky;
      top:86px;
    }
    .qr-title{font-weight:1100; font-size:18px}
    .qr-sub{color:var(--muted); line-height:1.7; margin-top:6px; margin-bottom:12px}
    .qr-wrap{
      border-radius:22px;
      border:1px solid rgba(233,227,234,.95);
      background: rgba(255,255,255,.78);
      padding:12px;
      display:flex; align-items:center; justify-content:center;
    }
    .qr-img{width:220px; max-width:100%; height:auto; border-radius:16px}
    .qr-foot{margin-top:12px; color:var(--muted); line-height:1.8}
    .qr-line{display:flex; align-items:center; gap:10px; margin-top:6px}
    .qr-dot{width:10px; height:10px; border-radius:4px; background: rgba(217,70,122,.35); border:1px solid rgba(217,70,122,.45)}
    .qr-actions{display:flex; gap:12px; flex-wrap:wrap; margin-top:14px}

    .join-grid{display:grid; grid-template-columns: 1.1fr .9fr; gap:16px}
    .join-card{
      border-radius:26px;
      border:1px solid rgba(233,227,234,.95);
      background: rgba(255,255,255,.72);
      box-shadow: var(--shadow);
      padding:16px;
    }
    .join-card-2{background: linear-gradient(135deg, rgba(217,70,122,.08), rgba(255,255,255,.72)); border-color: rgba(217,70,122,.18)}
    .join-title{font-weight:1100; font-size:18px; margin-bottom:10px}
    .join-sub{color:var(--muted); line-height:1.7; margin-bottom:12px}
    .bullets-2{margin-top:2px}
    .join-actions{display:flex; gap:12px; flex-wrap:wrap; margin-top:14px}
    .chips-2 .tag{background: rgba(217,70,122,.06); border-color: rgba(217,70,122,.18); color: var(--accent)}
    .join-cta{margin-top:14px; display:flex; flex-direction:column; gap:12px}
    .join-cta-note{color:var(--muted); line-height:1.7; font-weight:850}

    .site-footer{
      background: linear-gradient(180deg, #fff 0%, rgba(255,245,248,.92) 35%, #fff 100%);
      border-top:1px solid rgba(233,227,234,.65);
      padding:26px 0 32px;
      color:var(--text);
    }
    .footer-inner{padding:0 0}
    .footer-top{display:grid; grid-template-columns: 1fr 1fr 1fr; gap:16px; align-items:start}
    .footer-brand{display:flex; gap:12px; align-items:center}
    .footer-logo{width:44px; height:auto; border-radius:14px; box-shadow:0 10px 24px rgba(217,70,122,.18)}
    .footer-name{font-weight:1100; letter-spacing:-.02em}
    .footer-sub{color:var(--muted); margin-top:4px; line-height:1.6; font-size:13.5px}
    .footer-links{display:flex; flex-wrap:wrap; gap:10px; align-items:center; justify-content:center}
    .footer-links a{
      padding:10px 12px;
      border-radius:999px;
      border:1px solid rgba(233,227,234,.95);
      background: rgba(255,255,255,.75);
      font-weight:950;
      color: var(--muted);
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, color .18s ease;
    }
    .footer-links a:hover{transform: translateY(-2px); box-shadow: 0 14px 30px rgba(217,70,122,.12); border-color: rgba(217,70,122,.35); color: var(--accent)}
    .footer-contact{display:flex; flex-direction:column; gap:10px; align-items:flex-end}
    .fc-row{display:flex; gap:10px; align-items:center; color:var(--muted); font-weight:900}
    .fc-ico{
      width:28px; height:28px; border-radius:12px;
      display:flex; align-items:center; justify-content:center;
      background: rgba(217,70,122,.10);
      border:1px solid rgba(217,70,122,.20);
      color: var(--accent);
      font-weight:1000;
    }
    .fc-link{color:var(--text); font-weight:1000}
    .footer-bottom{
      margin-top:18px;
      padding-top:16px;
      border-top:1px solid rgba(233,227,234,.65);
      display:flex; justify-content:space-between; gap:12px; align-items:center; flex-wrap:wrap;
      color:var(--muted);
      font-weight:850;
    }

    .ai-page-home-link{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding:10px 12px;
      border-radius:999px;
      border:1px solid rgba(217,70,122,.18);
      background: rgba(217,70,122,.08);
      color: var(--accent);
      font-weight:1000;
      transition: transform .18s ease, box-shadow .18s ease;
    }
    .ai-page-home-link:hover{transform: translateY(-2px); box-shadow: 0 14px 30px rgba(217,70,122,.12)}
    .ai-page-home-link-2{padding:9px 12px}

    .to-top{
      border:none; cursor:pointer;
      background: rgba(255,255,255,.78);
      border:1px solid rgba(233,227,234,.95);
      border-radius:999px;
      padding:10px 12px;
      font-weight:1000;
      color:var(--text);
      transition: transform .18s ease, box-shadow .18s ease;
    }
    .to-top:hover{transform: translateY(-2px); box-shadow: 0 14px 30px rgba(16,24,40,.10)}

    .float-widget{
      position:fixed;
      right:14px; bottom:14px;
      z-index:70;
      display:flex; flex-direction:column; gap:10px;
      pointer-events:none;
    }
    .float-widget a, .float-widget button{pointer-events:auto}
    .float-chat{
      display:flex; align-items:center; gap:10px;
      background: linear-gradient(135deg, rgba(217,70,122,.95), rgba(255,79,162,.95));
      color:#fff;
      border-radius:18px;
      padding:12px 14px;
      border:1px solid rgba(255,255,255,.25);
      box-shadow: 0 18px 44px rgba(217,70,122,.26);
      font-weight:1100;
      transition: transform .18s ease;
    }
    .float-chat:hover{transform: translateY(-3px)}
    .float-ico{width:26px; height:26px; border-radius:12px; background: rgba(255,255,255,.18); display:flex; align-items:center; justify-content:center; font-weight:1000}
    .float-text{font-size:13.5px}
    .float-top{
      width:46px; height:46px; border-radius:18px;
      background: rgba(255,255,255,.78);
      border:1px solid rgba(233,227,234,.95);
      display:flex; align-items:center; justify-content:center;
      font-weight:1200;
      color:var(--accent);
      box-shadow: 0 10px 26px rgba(16,24,40,.08);
      transition: transform .18s ease, box-shadow .18s ease;
    }
    .float-top:hover{transform: translateY(-3px); box-shadow: 0 16px 36px rgba(16,24,40,.12)}

    .animate-in{
      opacity:0;
      transform: translateY(14px);
      transition: opacity .6s ease, transform .6s ease;
    }
    .animate-in.in-view{opacity:1; transform: translateY(0)}
    @media (prefers-reduced-motion: reduce){
      html{scroll-behavior:auto}
      .orb, .metric, .quick-item, .card, .industry-card, .case-card, .bio-card, .step-card{animation:none !important}
      .animate-in{transition:none}
    }

    @media (max-width: 980px){
      .nav-desktop{display:none}
      .menu-toggle{display:flex}
      .hero-inner{grid-template-columns: 1fr; gap:16px}
      .hero-h1{font-size:38px}
      .hero-quick{grid-template-columns: 1fr; gap:10px}
      .grid-3{grid-template-columns: 1fr; gap:12px}
      .grid-4{grid-template-columns: repeat(2, 1fr)}
      .grid-5{grid-template-columns: repeat(2, 1fr)}
      .split{grid-template-columns: 1fr}
      .platform-grid{grid-template-columns: 1fr 1fr}
      .steps{grid-template-columns: 1fr 1fr}
      .case-grid{grid-template-columns: repeat(2, 1fr)}
      .compare-top{grid-template-columns: 1fr}
      .note-body{grid-template-columns: 1fr 1fr}
      .match-grid{grid-template-columns: 1fr}
      .pricing-grid{grid-template-columns: 1fr}
      .contact-grid{grid-template-columns: 1fr}
      .qr-card{position:static}
      .join-grid{grid-template-columns: 1fr}
      .bio-grid{grid-template-columns: repeat(2, 1fr)}
      .news-grid{grid-template-columns: 1fr}
      .footer-top{grid-template-columns: 1fr}
      .footer-contact{align-items:flex-start}
      .float-widget{right:12px; bottom:12px}
      .form-row{grid-template-columns: 1fr}
      table{min-width:720px}
    }
    @media (max-width: 520px){
      .hero-h1{font-size:32px}
      .h2{font-size:26px}
      .grid-4{grid-template-columns: 1fr}
      .grid-5{grid-template-columns: 1fr}
      .platform-grid{grid-template-columns: 1fr}
      .steps{grid-template-columns: 1fr}
      .case-grid{grid-template-columns: 1fr}
      .bio-grid{grid-template-columns: 1fr}
      .note-body{grid-template-columns: 1fr}
      .float-chat{padding:10px 12px}
      .float-text{display:none}
    }

    @media (min-width: 981px){
      .menu-toggle{display:none}
      .mobile-drawer{display:none !important}
    }