:root{
      --bg:#f6f1e7;
      --card:#ffffff;
      --text:#1f2430;
      --muted:#5a657a;
      --line:rgba(22,30,44,.12);
      --shadow:0 10px 30px rgba(18,22,33,.08);
      --brand:#2f6fed;
      --brand2:#7c4dff;
      --chip:#eef3ff;
      --btnText:#ffffff;
      --ok:#0f8a5f;
      --warn:#b76b00;
      --radius:18px;
      --container:1040px;
    }
    *{box-sizing:border-box}
    html,body{height:100%}
    body{
      margin:0;
      font-family:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
      background:
        radial-gradient(1200px 600px at 10% -10%, rgba(47,111,237,.16), transparent 55%),
        radial-gradient(900px 520px at 92% 0%, rgba(124,77,255,.14), transparent 50%),
        linear-gradient(180deg, var(--bg), #fbfbfc 55%, #ffffff);
      color:var(--text);
    }
    a{color:inherit}
    .wrap{
      max-width:var(--container);
      margin:0 auto;
      padding:0 18px;
    }
    header{
      position:sticky;
      top:0;
      z-index:20;
      background:rgba(246,241,231,.72);
      backdrop-filter:saturate(140%) blur(10px);
      border-bottom:1px solid rgba(22,30,44,.08);
    }
    .nav{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      padding:12px 0;
    }
    .brand{
      display:flex;
      align-items:center;
      gap:10px;
      min-width:0;
    }
    .logo{
      width:36px;height:36px;border-radius:12px;
      background:linear-gradient(135deg, rgba(47,111,237,.95), rgba(124,77,255,.95));
      box-shadow:0 10px 24px rgba(47,111,237,.2);
      display:grid;place-items:center;
      color:#fff;font-weight:800;
      flex:0 0 auto;
    }
    .brandText{
      display:flex;flex-direction:column;line-height:1.15;min-width:0;
    }
    .brandText strong{
      font-size:14px;
      letter-spacing:.2px;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }
    .brandText span{
      font-size:12px;color:var(--muted);
      white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    }
    .navRight{
      display:flex;align-items:center;gap:10px;flex:0 0 auto;
    }
    .links{
      display:none;
      gap:16px;
      align-items:center;
      font-size:14px;
      color:var(--muted);
    }
    .links a{
      text-decoration:none;
      padding:8px 10px;
      border-radius:12px;
      transition:background .2s ease, color .2s ease;
      outline:none;
    }
    .links a:hover{background:rgba(47,111,237,.08);color:#20324f}
    .btn{
      appearance:none;border:0;
      border-radius:14px;
      padding:11px 14px;
      font-weight:700;
      font-size:14px;
      cursor:pointer;
      transition:transform .12s ease, box-shadow .2s ease, background .2s ease;
      user-select:none;
      display:inline-flex;align-items:center;gap:10px;
      white-space:nowrap;
    }
    .btnPrimary{
      background:linear-gradient(135deg, var(--brand), var(--brand2));
      color:var(--btnText);
      box-shadow:0 12px 28px rgba(47,111,237,.22);
    }
    .btnPrimary:active{transform:translateY(1px)}
    .btnGhost{
      background:#fff;
      border:1px solid rgba(22,30,44,.12);
      color:#243044;
    }
    .btnGhost:hover{background:rgba(255,255,255,.75)}
    .burger{
      width:42px;height:42px;border-radius:14px;
      border:1px solid rgba(22,30,44,.12);
      background:rgba(255,255,255,.7);
      display:grid;place-items:center;
      cursor:pointer;
      transition:background .2s ease, transform .12s ease;
    }
    .burger:active{transform:translateY(1px)}
    .burgerLines{
      width:18px;height:12px;position:relative;
    }
    .burgerLines i{
      position:absolute;left:0;right:0;height:2px;border-radius:2px;background:#263144;
      transition:transform .2s ease, top .2s ease, opacity .2s ease;
    }
    .burgerLines i:nth-child(1){top:0}
    .burgerLines i:nth-child(2){top:5px}
    .burgerLines i:nth-child(3){top:10px}
    .menuPanel{
      display:none;
      padding:10px 0 16px;
    }
    .menuGrid{
      display:grid;
      gap:10px;
      grid-template-columns:1fr;
    }
    .menuGrid a{
      text-decoration:none;
      padding:12px 12px;
      border-radius:14px;
      background:rgba(255,255,255,.72);
      border:1px solid rgba(22,30,44,.10);
      color:#2a3447;
      font-weight:650;
      display:flex;align-items:center;justify-content:space-between;
      transition:transform .12s ease, background .2s ease;
    }
    .menuGrid a:active{transform:translateY(1px)}
    .menuGrid a span{color:var(--muted);font-weight:600;font-size:13px}
    main{padding:26px 0 10px}
    .hero{
      display:grid;
      gap:18px;
      align-items:start;
      grid-template-columns:1fr;
      padding:18px 0 12px;
    }
    .heroCard{
      background:linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.95));
      border:1px solid rgba(22,30,44,.10);
      border-radius:var(--radius);
      box-shadow:var(--shadow);
      padding:18px 16px;
      overflow:hidden;
      position:relative;
    }
    .heroCard:before{
      content:"";
      position:absolute;inset:-2px -2px auto -2px;
      height:160px;
      background:
        radial-gradient(240px 120px at 12% 25%, rgba(47,111,237,.28), transparent 60%),
        radial-gradient(220px 110px at 88% 20%, rgba(124,77,255,.22), transparent 62%);
      pointer-events:none;
      opacity:.9;
    }
    .heroInner{position:relative;display:grid;gap:12px}
    .eyebrow{
      display:flex;flex-wrap:wrap;gap:8px;align-items:center;
    }
    .chip{
      padding:7px 10px;
      border-radius:999px;
      background:rgba(47,111,237,.10);
      border:1px solid rgba(47,111,237,.18);
      color:#1d4ed8;
      font-weight:700;
      font-size:12px;
    }
    .chip.alt{
      background:rgba(124,77,255,.10);
      border-color:rgba(124,77,255,.18);
      color:#6d28d9;
    }
    h1{
      margin:0;
      font-size:26px;
      line-height:1.2;
      letter-spacing:-.2px;
    }
    .subtitle{
      margin:0;
      color:var(--muted);
      font-size:14px;
      line-height:1.6;
      max-width:62ch;
    }
    .heroActions{
      display:flex;flex-wrap:wrap;gap:10px;align-items:center;
      padding-top:4px;
    }
    .heroStats{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:10px;
      margin-top:6px;
    }
    .stat{
      border-radius:16px;
      background:rgba(255,255,255,.7);
      border:1px solid rgba(22,30,44,.10);
      padding:12px 12px;
      display:flex;gap:10px;align-items:flex-start;
      transition:transform .16s ease, box-shadow .2s ease;
    }
    .stat:hover{
      transform:translateY(-1px);
      box-shadow:0 14px 30px rgba(18,22,33,.08);
    }
    .statIcon{
      width:34px;height:34px;border-radius:13px;
      background:rgba(47,111,237,.10);
      border:1px solid rgba(47,111,237,.16);
      display:grid;place-items:center;
      color:#1d4ed8;font-weight:900;
      flex:0 0 auto;
    }
    .stat:nth-child(2) .statIcon{
      background:rgba(124,77,255,.10);
      border-color:rgba(124,77,255,.18);
      color:#6d28d9;
    }
    .stat b{display:block;font-size:14px;margin-top:2px}
    .stat span{display:block;color:var(--muted);font-size:12.5px;line-height:1.5}
    .floatNote{
      margin-top:10px;
      background:rgba(255,255,255,.66);
      border:1px solid rgba(22,30,44,.10);
      border-radius:16px;
      padding:12px 12px;
      display:flex;gap:10px;align-items:flex-start;
    }
    .badge{
      width:28px;height:28px;border-radius:10px;
      background:rgba(15,138,95,.12);
      border:1px solid rgba(15,138,95,.18);
      display:grid;place-items:center;
      color:var(--ok);
      font-weight:900;
      flex:0 0 auto;
      margin-top:2px;
    }
    .floatNote p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.65}
    .section{
      padding:10px 0 0;
    }
    .sectionHeader{
      display:flex;align-items:flex-end;justify-content:space-between;gap:12px;
      margin:18px 0 12px;
    }
    .sectionHeader h2{
      margin:0;
      font-size:18px;
      letter-spacing:-.1px;
    }
    .sectionHeader p{
      margin:0;color:var(--muted);font-size:13.5px;line-height:1.5;
      max-width:54ch;
    }
    .grid2{
      display:grid;
      gap:12px;
      grid-template-columns:1fr;
      align-items:stretch;
    }
    .card{
      background:rgba(255,255,255,.86);
      border:1px solid rgba(22,30,44,.10);
      border-radius:var(--radius);
      padding:14px 14px;
      box-shadow:0 12px 26px rgba(18,22,33,.05);
    }
    .cardTitle{
      display:flex;align-items:center;gap:10px;justify-content:flex-start;
      margin-bottom:8px;
    }
    .dot{
      width:12px;height:12px;border-radius:6px;
      background:linear-gradient(135deg, var(--brand), var(--brand2));
      box-shadow:0 10px 22px rgba(47,111,237,.25);
      flex:0 0 auto;
    }
    .card h3{margin:0;font-size:15.5px}
    .card p{
      margin:0;
      color:var(--muted);
      font-size:13.8px;
      line-height:1.75;
    }
    .list{
      margin:10px 0 0;
      padding:0;
      list-style:none;
      display:grid;gap:10px;
    }
    .item{
      display:flex;gap:10px;align-items:flex-start;
      padding:10px 10px;
      background:rgba(255,255,255,.65);
      border:1px solid rgba(22,30,44,.10);
      border-radius:16px;
    }
    .num{
      width:26px;height:26px;border-radius:10px;
      background:rgba(47,111,237,.10);
      border:1px solid rgba(47,111,237,.18);
      color:#1d4ed8;
      display:grid;place-items:center;
      font-weight:900;
      flex:0 0 auto;
      font-size:13px;
    }
    .item b{display:block;font-size:14px;margin-top:1px}
    .item span{display:block;color:var(--muted);font-size:13px;line-height:1.55;margin-top:2px}
    .grid3{
      display:grid;gap:10px;
      grid-template-columns:1fr;
    }
    .step{
      padding:14px 14px;
      border-radius:var(--radius);
      border:1px solid rgba(22,30,44,.10);
      background:linear-gradient(180deg, rgba(255,255,255,.86), rgba(255,255,255,.98));
      box-shadow:0 12px 26px rgba(18,22,33,.05);
      position:relative;
      overflow:hidden;
      transition:transform .16s ease, box-shadow .2s ease;
    }
    .step:hover{transform:translateY(-1px);box-shadow:0 18px 38px rgba(18,22,33,.08)}
    .step:after{
      content:"";
      position:absolute;right:-40px;top:-40px;
      width:120px;height:120px;border-radius:50%;
      background:radial-gradient(circle at 30% 30%, rgba(47,111,237,.18), transparent 60%);
      pointer-events:none;
    }
    .stepTop{
      display:flex;gap:10px;align-items:center;justify-content:flex-start;
      margin-bottom:8px;
    }
    .pill{
      padding:7px 10px;border-radius:999px;
      background:rgba(124,77,255,.10);
      border:1px solid rgba(124,77,255,.18);
      color:#6d28d9;
      font-weight:800;
      font-size:12px;
    }
    .step b{font-size:15.5px}
    .step p{margin:0;color:var(--muted);font-size:13.8px;line-height:1.75}
    .warnBox{
      display:flex;gap:12px;align-items:flex-start;
      padding:14px 14px;
      border-radius:var(--radius);
      border:1px solid rgba(183,107,0,.22);
      background:linear-gradient(180deg, rgba(255,246,232,.92), rgba(255,255,255,.92));
    }
    .warnIcon{
      width:36px;height:36px;border-radius:14px;
      background:rgba(183,107,0,.12);
      border:1px solid rgba(183,107,0,.22);
      display:grid;place-items:center;
      color:var(--warn);
      font-weight:900;
      flex:0 0 auto;
    }
    .warnBox h3{margin:0;font-size:15.5px}
    .warnBox p{margin:6px 0 0;color:var(--muted);font-size:13.8px;line-height:1.75}
    .faq{
      padding:12px;
      border-radius:var(--radius);
      border:1px solid rgba(22,30,44,.10);
      background:rgba(255,255,255,.82);
      box-shadow:0 12px 26px rgba(18,22,33,.05);
    }
    details{
      border-radius:14px;
      border:1px solid rgba(22,30,44,.10);
      background:rgba(255,255,255,.74);
      overflow:hidden;
      margin:10px 0;
      transition:transform .16s ease;
    }
    details[open]{transform:translateY(-1px)}
    summary{
      list-style:none;
      cursor:pointer;
      padding:12px 12px;
      display:flex;align-items:center;justify-content:space-between;gap:10px;
      font-weight:800;
      font-size:14.5px;
    }
    summary::-webkit-details-marker{display:none}
    .caret{
      width:30px;height:30px;border-radius:12px;
      border:1px solid rgba(22,30,44,.12);
      background:rgba(255,255,255,.7);
      display:grid;place-items:center;
      flex:0 0 auto;
      transition:transform .2s ease;
      color:#243044;
    }
    details[open] .caret{transform:rotate(180deg)}
    .faqBody{
      padding:0 12px 12px;
      color:var(--muted);
      font-size:13.8px;
      line-height:1.75;
    }
    .formCard{
      background:linear-gradient(180deg, rgba(255,255,255,.86), rgba(255,255,255,.98));
      border:1px solid rgba(22,30,44,.10);
      border-radius:var(--radius);
      padding:14px;
      box-shadow:0 12px 26px rgba(18,22,33,.05);
    }
    .formHead{
      display:flex;align-items:flex-start;justify-content:space-between;gap:12px;
      margin-bottom:10px;
    }
    .formHead h2{margin:0;font-size:18px}
    .formHead p{margin:4px 0 0;color:var(--muted);font-size:13.5px;line-height:1.6;max-width:56ch}
    form{
      display:grid;gap:10px;
    }
    .row2{
      display:grid;gap:10px;grid-template-columns:1fr;
    }
    label{
      display:grid;gap:6px;
      font-size:13px;color:#2a3447;font-weight:750;
    }
    input, textarea, select{
      width:100%;
      border-radius:14px;
      border:1px solid rgba(22,30,44,.14);
      background:rgba(255,255,255,.9);
      padding:12px 12px;
      font-size:14px;
      color:#1f2430;
      outline:none;
      transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;
    }
    textarea{min-height:92px;resize:vertical}
    input:focus, textarea:focus, select:focus{
      border-color:rgba(47,111,237,.45);
      box-shadow:0 0 0 4px rgba(47,111,237,.12);
    }
    .formActions{
      display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:flex-start;
      margin-top:4px;
    }
    .btnSend{
      padding:12px 16px;
      border-radius:16px;
      background:linear-gradient(135deg, var(--brand), var(--brand2));
      color:#fff;
      border:0;
      font-weight:900;
      cursor:pointer;
      box-shadow:0 14px 30px rgba(47,111,237,.22);
      transition:transform .12s ease, opacity .2s ease;
      display:inline-flex;align-items:center;gap:10px;
      min-width:160px;
      justify-content:center;
    }
    .btnSend:active{transform:translateY(1px)}
    .btnSend[disabled]{opacity:.65;cursor:not-allowed}
    .hint{
      color:var(--muted);
      font-size:12.8px;
      line-height:1.6;
      margin:0;
    }
    .status{
      display:none;
      border-radius:16px;
      padding:12px 12px;
      border:1px solid rgba(22,30,44,.12);
      background:rgba(255,255,255,.8);
      color:#2b3447;
    }
    .status.ok{
      border-color:rgba(15,138,95,.25);
      background:rgba(15,138,95,.08);
    }
    .status.err{
      border-color:rgba(183,107,0,.28);
      background:rgba(183,107,0,.10);
    }
    .status strong{display:block;margin-bottom:4px}
    .footer{
      margin-top:10px;
      padding:18px 0 26px;
    }
    .footerBox{
      border-top:1px solid rgba(22,30,44,.10);
      padding-top:14px;
      display:grid;gap:10px;
      grid-template-columns:1fr;
      align-items:start;
    }
    .footTop{
      display:flex;align-items:flex-start;gap:12px;justify-content:space-between;flex-wrap:wrap;
    }
    .footLeft{
      display:flex;flex-direction:column;gap:6px;
      min-width:0;
    }
    .fine{
      color:var(--muted);
      font-size:12.8px;
      line-height:1.7;
      margin:0;
    }
    .footLinks{
      display:flex;gap:10px;flex-wrap:wrap;
      color:var(--muted);
      font-size:13px;
    }
    .footLinks a{
      text-decoration:none;
      padding:8px 10px;
      border-radius:12px;
      border:1px solid rgba(22,30,44,.10);
      background:rgba(255,255,255,.76);
      transition:background .2s ease, transform .12s ease;
    }
    .footLinks a:active{transform:translateY(1px)}
    .toTop{
      position:fixed;
      right:14px;bottom:14px;
      z-index:30;
      width:46px;height:46px;border-radius:18px;
      border:1px solid rgba(22,30,44,.12);
      background:rgba(255,255,255,.86);
      box-shadow:0 12px 30px rgba(18,22,33,.10);
      display:grid;place-items:center;
      cursor:pointer;
      opacity:0;
      pointer-events:none;
      transform:translateY(8px);
      transition:opacity .25s ease, transform .25s ease;
    }
    .toTop.show{opacity:1;pointer-events:auto;transform:translateY(0)}
    .toTop:active{transform:translateY(1px)}
    .toTop svg{width:18px;height:18px}
    @media (min-width: 860px){
      .links{display:flex}
      .burger{display:none}
      .menuPanel{display:none !important}
      .hero{grid-template-columns:1.25fr .75fr;gap:14px}
      .heroCard{padding:20px 18px}
      h1{font-size:34px}
      .heroStats{grid-template-columns:1fr}
      .grid2{grid-template-columns:1fr 1fr}
      .grid3{grid-template-columns:1fr 1fr 1fr}
      .row2{grid-template-columns:1fr 1fr}
      .footerBox{grid-template-columns:1.2fr .8fr}
      .formCard{padding:16px}
    }
    @media (prefers-reduced-motion: reduce){
      *{scroll-behavior:auto !important; transition:none !important; animation:none !important}
    }