/* forusers-test4: content below the hero comes from forusers-test3. */

    .lp-page .forusers4-tail{
      --brand:#333399;
      --brand-2:#375acf;
      --brand-3:#546fe1;
      --ink:#18233a;
      --text:#42516a;
      --muted:#8ca0bf;
      --line:#dbe4f1;
      --line-2:#cbd8e9;
      --soft:#f6f8fc;
      --soft-blue:#f0f4ff;
      --green:#12934a;
      --green-bg:#edf9f1;
      --orange:#ff7900;
      --white:#fff;
      --shadow:0 8px 28px rgba(55,90,207,.08);
      --shadow-lg:0 24px 60px rgba(38,53,102,.16);
    }
    .lp-page .forusers4-tail *{box-sizing:border-box}
    .lp-page .forusers4-tail{scroll-behavior:smooth}
    .lp-page .forusers4-tail{margin:0;color:var(--text);background:#fff;font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.5}
    .lp-page a{color:inherit;text-decoration:none}
    .lp-page button, .lp-page a{font:inherit}
    .lp-page .wrap{width:min(1248px,calc(100% - 56px));margin:0 auto}
    .lp-page .section{padding:88px 0}
    .lp-page .soft{background:var(--soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
    .lp-page .eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;color:var(--brand-2);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
    .lp-page .eyebrow:before{content:"";width:22px;height:3px;border-radius:3px;background:var(--brand-2)}
    .lp-page h1, .lp-page h2, .lp-page h3, .lp-page p{margin-top:0}
    .lp-page h1, .lp-page h2, .lp-page h3{color:#111;font-weight:800;letter-spacing:-.035em}
    .lp-page h1{max-width:790px;margin-bottom:22px;font-size:clamp(48px,5.2vw,76px);line-height:1.04}
    .lp-page h1 span, .lp-page h2 span{color:var(--brand-2)}
    .lp-page h2{margin-bottom:18px;font-size:clamp(34px,3.3vw,51px);line-height:1.08}
    .lp-page h3{font-size:22px;line-height:1.18}
    .lp-page .section-intro{max-width:860px;margin-bottom:44px}
    .lp-page .section-intro.center{margin-left:auto;margin-right:auto;text-align:center}
    .lp-page .section-intro.center .eyebrow{justify-content:center}
    .lp-page .section-intro>p{max-width:760px;margin-bottom:0;font-size:18px;line-height:1.7}
    .lp-page .section-intro.center>p{margin-left:auto;margin-right:auto}
    .lp-page .btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
    .lp-page .btn{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:0 25px;border:2px solid var(--brand);border-radius:11px;color:var(--brand);background:#fff;font-weight:800;transition:.2s}
    .lp-page .btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
    .lp-page .btn.primary{color:#fff;background:var(--brand)}
    .lp-page .btn.green{border-color:var(--green);color:var(--green);background:#fff}
    .lp-page .btn.small{min-height:44px;padding:0 18px;border-width:1px;border-radius:9px;font-size:14px}
    .lp-page .arrow{font-size:21px;line-height:1}
    .lp-page .icon{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border:2px solid var(--brand-2);border-radius:10px;color:var(--brand);background:#fff;font-size:22px;font-weight:900}
    .lp-page .mini-icon{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line-2);border-radius:8px;color:var(--brand-2);background:#fff;font-weight:900}

    .lp-page /.forusers4-tail * Classic Cryptwerk user hero .forusers4-tail */
    .hero{
      position:relative;
      isolation:isolate;
      overflow:hidden;
      padding:0;
      background:
        radial-gradient(circle at 84% 10%,rgba(84,111,225,.15),transparent 28%),
        linear-gradient(135deg,#f7f9ff 0%,#fff 54%,#f4f7ff 100%);
      border-bottom:1px solid var(--line)
    }
    .lp-page .hero:before{
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      opacity:.38;
      background-image:
        linear-gradient(rgba(55,90,207,.08) 1px,transparent 1px),
        linear-gradient(90deg,rgba(55,90,207,.08) 1px,transparent 1px);
      background-size:44px 44px;
      -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 58%,#000 100%);
      mask-image:linear-gradient(90deg,transparent 0,#000 58%,#000 100%)
    }
    .lp-page .hero-main{
      position:relative;
      z-index:1;
      width:min(1248px,calc(100% - 40px));
      min-height:820px;
      display:grid;
      grid-template-columns:minmax(0,.94fr) minmax(520px,1.06fr);
      gap:84px;
      align-items:center;
      padding:104px 0 90px
    }
    .lp-page .hero-content{max-width:720px}
    .lp-page .hero-kicker{
      display:inline-flex;
      align-items:center;
      gap:10px;
      margin-bottom:22px;
      padding:8px 13px;
      border:1px solid #cad7ff;
      border-radius:8px;
      color:var(--brand-2);
      background:rgba(255,255,255,.78);
      font-size:12px;
      font-weight:900;
      letter-spacing:.12em
    }
    .lp-page .hero-kicker:before{
      content:"";
      width:8px;
      height:8px;
      border-radius:50%;
      background:var(--green);
      box-shadow:0 0 0 4px rgba(18,147,74,.12)
    }
    .lp-page .hero h1{max-width:720px;margin-bottom:24px;font-size:clamp(50px,5.2vw,78px);line-height:1.02}
    .lp-page .hero-copy{max-width:650px;margin:0 0 30px;color:#53627a;font-size:20px;line-height:1.65}
    .lp-page .hero-points{display:flex;flex-wrap:wrap;gap:12px 25px;margin-top:28px;color:#65738a;font-size:14px;font-weight:700}
    .lp-page .hero-points span{display:inline-flex;align-items:center;gap:8px}
    .lp-page .hero-points i{width:19px;height:19px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:var(--green);font-size:11px;font-style:normal}
    .lp-page .user-visual{position:relative;min-width:0;padding:31px}
    .lp-page .user-visual:before{content:"";position:absolute;inset:3% 0 0 9%;border-radius:34px;background:linear-gradient(145deg,var(--brand),var(--brand-2));transform:rotate(2.5deg);box-shadow:0 28px 65px rgba(51,51,153,.22)}
    .lp-page .user-console{position:relative;z-index:1;padding:22px;border:1px solid rgba(207,218,240,.94);border-radius:20px;background:rgba(255,255,255,.97);box-shadow:var(--shadow-lg)}
    .lp-page .console-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 2px 18px;border-bottom:1px solid var(--line)}
    .lp-page .console-title{display:flex;align-items:center;gap:11px;color:#242e45;font-weight:900}
    .lp-page .console-mark{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;color:#fff;background:var(--brand);font-size:17px}
    .lp-page .live{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border-radius:7px;color:var(--green);background:var(--green-bg);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
    .lp-page .live:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green)}
    .lp-page .search-box{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:18px;padding:7px;border:1px solid var(--line-2);border-radius:12px;background:#f8faff}
    .lp-page .search-box span{display:flex;align-items:center;gap:11px;padding:0 10px;color:#73829a;font-size:14px}
    .lp-page .search-box b{width:40px;height:40px;display:grid;place-items:center;border-radius:9px;color:#fff;background:var(--brand);font-size:18px}
    .lp-page .filter-row{display:flex;gap:8px;margin:13px 0 17px;overflow:hidden}
    .lp-page .filter{white-space:nowrap;padding:7px 10px;border:1px solid var(--line);border-radius:7px;color:#52617a;background:#fff;font-size:11px;font-weight:800}
    .lp-page .filter.active{color:var(--brand);border-color:#bfcaf7;background:var(--soft-blue)}
    .lp-page .result-list{display:grid;gap:10px}
    .lp-page .result{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff}
    .lp-page .result-logo{width:47px;height:47px;display:grid;place-items:center;border-radius:10px;color:#fff;background:linear-gradient(145deg,var(--brand-2),var(--brand-3));font-size:18px;font-weight:900}
    .lp-page .result-logo.orange{background:linear-gradient(145deg,#ff9b3f,#ff6b00)}
    .lp-page .result-logo.green{background:linear-gradient(145deg,#27b568,#118842)}
    .lp-page .result h3{margin:0 0 3px;font-size:15px;letter-spacing:-.01em}
    .lp-page .result p{margin:0;color:#7c8aa0;font-size:11px}
    .lp-page .result-tags{display:flex;gap:5px;margin-top:6px}
    .lp-page .result-tags span{padding:3px 6px;border-radius:5px;color:var(--brand-2);background:var(--soft-blue);font-size:9px;font-weight:900}
    .lp-page .heart{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;color:var(--brand-2);font-size:18px}
    .lp-page .console-foot{display:flex;align-items:center;justify-content:space-between;margin-top:13px;padding-top:13px;border-top:1px solid var(--line);color:#7b8aa0;font-size:11px}
    .lp-page .console-foot b{color:var(--brand-2)}

    .lp-page .trust{position:relative;z-index:2;border-top:1px solid var(--line);background:rgba(255,255,255,.94)}
    .lp-page .trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}
    .lp-page .metric{min-height:132px;display:flex;align-items:center;gap:17px;padding:24px 34px;border-left:1px solid var(--line)}
    .lp-page .metric:last-child{border-right:1px solid var(--line)}
    .lp-page .metric-mark{width:43px;height:43px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #cad6ea;border-radius:10px;color:var(--brand-2);background:var(--soft-blue);font-size:17px;font-weight:900}
    .lp-page .metric strong{display:block;color:#161d2b;font-size:24px;line-height:1.05}
    .lp-page .metric span{display:block;margin-top:5px;color:#8290a6;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}

    .lp-page .features{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
    .lp-page .feature{position:relative;overflow:hidden;min-height:270px;padding:26px;border:1px solid var(--line);border-radius:14px;transition:.2s}
    .lp-page .feature:hover{transform:translateY(-4px);border-color:#bdcaee;box-shadow:var(--shadow)}
    .lp-page .feature:after{content:"";position:absolute;right:-25px;bottom:-34px;width:110px;height:110px;border-radius:50%;background:var(--soft-blue)}
    .lp-page .feature .icon{margin-bottom:28px}
    .lp-page .feature small{display:block;margin-bottom:8px;color:var(--brand-2);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
    .lp-page .feature h3{margin-bottom:11px}
    .lp-page .feature p{position:relative;z-index:1;margin:0;color:#65738a;line-height:1.65}

    .lp-page .surfaces{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#fff}
    .lp-page .surface{min-height:250px;padding:25px;border-right:1px solid var(--line)}
    .lp-page .surface:last-child{border-right:0}
    .lp-page .surface h3{margin:26px 0 11px}
    .lp-page .surface p{min-height:72px;margin-bottom:22px;color:#68778f;font-size:14px;line-height:1.6}
    .lp-page .surface b{color:var(--brand-2);font-size:10px;letter-spacing:.1em}

    .lp-page .discovery-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:24px;align-items:stretch}
    .lp-page .filter-panel, .lp-page .directory-panel{padding:28px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:var(--shadow)}
    .lp-page .filter-panel h3, .lp-page .directory-panel h3{margin-bottom:20px}
    .lp-page .filter-group{padding:18px 0;border-top:1px solid var(--line)}
    .lp-page .filter-group:first-of-type{padding-top:0;border-top:0}
    .lp-page .filter-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:#303c52;font-size:13px;font-weight:900}
    .lp-page .filter-options{display:flex;flex-wrap:wrap;gap:8px}
    .lp-page .option{padding:8px 10px;border:1px solid var(--line);border-radius:7px;color:#68768d;background:#fff;font-size:12px;font-weight:700}
    .lp-page .option.selected{color:var(--brand);border-color:#b9c7f5;background:var(--soft-blue)}
    .lp-page .range{height:5px;margin:17px 3px 4px;border-radius:4px;background:#dfe6f3}
    .lp-page .range:before{content:"";display:block;width:72%;height:100%;border-radius:4px;background:var(--brand-2)}
    .lp-page .directory-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}
    .lp-page .directory-head p{margin:0;color:#7a889c;font-size:13px}
    .lp-page .view-switch{display:flex;padding:4px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}
    .lp-page .view-switch span{padding:5px 9px;border-radius:5px;color:#8492a7;font-size:12px}
    .lp-page .view-switch span:first-child{color:var(--brand);background:#fff;box-shadow:0 2px 7px rgba(46,66,122,.1)}
    .lp-page .company-row{display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center;padding:17px 0;border-top:1px solid var(--line)}
    .lp-page .company-row:first-of-type{border-top:0}
    .lp-page .company-logo{width:58px;height:58px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;color:var(--brand);background:var(--soft-blue);font-size:19px;font-weight:900}
    .lp-page .company-info h3{margin:0 0 4px;font-size:17px}
    .lp-page .company-info p{margin:0;color:#7d8ba0;font-size:12px}
    .lp-page .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
    .lp-page .tag{padding:4px 7px;border-radius:5px;color:#60708a;background:#f2f5fa;font-size:10px;font-weight:800}
    .lp-page .tag.coin{color:var(--brand);background:var(--soft-blue)}
    .lp-page .rating{color:#ef8c00;font-size:13px}

    .lp-page .account-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center}
    .lp-page .account-copy{padding-right:70px}
    .lp-page .account-points{display:grid;gap:12px;margin:30px 0}
    .lp-page .account-point{display:flex;align-items:flex-start;gap:13px;padding:15px 0;border-top:1px solid var(--line)}
    .lp-page .account-point:first-child{border-top:0}
    .lp-page .account-point b{display:block;margin-bottom:4px;color:#202a3c}
    .lp-page .account-point p{margin:0;color:#718097;font-size:14px}
    .lp-page .dashboard{padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow-lg)}
    .lp-page .dash-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:16px;border-bottom:1px solid var(--line)}
    .lp-page .dash-head strong{color:#20293a;font-size:17px}
    .lp-page .dash-head span{color:#8492a7;font-size:12px}
    .lp-page .tabs{display:flex;gap:20px;margin:18px 0;border-bottom:1px solid var(--line)}
    .lp-page .tab{padding:0 0 11px;color:#8996aa;font-size:12px;font-weight:900}
    .lp-page .tab.active{color:var(--brand);border-bottom:3px solid var(--brand)}
    .lp-page .bookmark{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:11px;margin-top:9px}
    .lp-page .bookmark .company-logo{width:45px;height:45px;font-size:15px}
    .lp-page .bookmark h3{margin:0 0 3px;font-size:14px}
    .lp-page .bookmark p{margin:0;color:#7c8a9e;font-size:10px}
    .lp-page .saved{color:var(--brand-2);font-size:19px}

    .lp-page .category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
    .lp-page .category{min-height:160px;display:flex;flex-direction:column;justify-content:space-between;padding:21px;border:1px solid var(--line);border-radius:13px;background:#fff;transition:.2s}
    .lp-page .category:hover{transform:translateY(-3px);border-color:#bdcaee;box-shadow:var(--shadow)}
    .lp-page .category-top{display:flex;justify-content:space-between;align-items:flex-start}
    .lp-page .category-symbol{width:43px;height:43px;display:grid;place-items:center;border-radius:10px;color:#fff;background:var(--brand-2);font-size:19px}
    .lp-page .category-count{color:#8b98aa;font-size:11px;font-weight:800}
    .lp-page .category h3{margin:20px 0 0;font-size:18px}
    .lp-page .category p{margin:5px 0 0;color:#8090a7;font-size:12px}

    .lp-page .trust-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .lp-page .trust-card{padding:28px;border:1px solid var(--line);border-radius:14px;background:#fff}
    .lp-page .trust-card .mini-icon{margin-bottom:22px}
    .lp-page .trust-card h3{margin-bottom:11px}
    .lp-page .trust-card p{margin:0;color:#6c7a90;line-height:1.65}
    .lp-page .review-sample{margin-top:19px;padding:14px;border-left:3px solid var(--brand-2);background:var(--soft-blue);color:#53637c;font-size:13px}

    .lp-page .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .lp-page .step{position:relative;min-height:230px;padding:28px;border:1px solid var(--line);border-radius:14px;background:#fff}
    .lp-page .step-no{display:block;margin-bottom:48px;color:var(--brand-2);font-size:13px;font-weight:900;letter-spacing:.1em}
    .lp-page .step .arrow{position:absolute;right:26px;top:22px;color:#a5b4cc;font-size:28px}
    .lp-page .step h3{margin-bottom:10px}
    .lp-page .step p{margin:0;color:#718097;line-height:1.65}

    .lp-page .final{padding:88px 0;background:linear-gradient(135deg,var(--brand) 0%,#3c48ae 58%,var(--brand-2) 100%);color:#fff}
    .lp-page .final-inner{display:flex;align-items:center;justify-content:space-between;gap:60px}
    .lp-page .final h2{max-width:760px;margin-bottom:15px;color:#fff;font-size:clamp(38px,4.2vw,62px)}
    .lp-page .final p{max-width:720px;margin:0;color:#dce3ff;font-size:18px}
    .lp-page .final .btn{flex:0 0 auto;border-color:#fff;color:var(--brand);background:#fff}

    @media(max-width:1180px){
      .lp-page .hero-main{grid-template-columns:1fr 1fr;gap:36px}
      .lp-page .features{grid-template-columns:repeat(2,1fr)}
      .lp-page .surfaces{grid-template-columns:repeat(3,1fr)}
      .lp-page .surface:nth-child(3){border-right:0}
      .lp-page .surface:nth-child(n+4){border-top:1px solid var(--line)}
      .lp-page .category-grid{grid-template-columns:repeat(2,1fr)}
    }
    @media(max-width:900px){
      .lp-page .wrap{width:min(100% - 32px,720px)}
      .lp-page .section{padding:68px 0}
      .lp-page .hero-main{width:min(100% - 32px,720px);min-height:auto;grid-template-columns:1fr;padding:72px 0 60px}
      .lp-page .user-visual{padding:18px 10px 10px}
      .lp-page .hero:before{-webkit-mask-image:none;mask-image:none}
      .lp-page .trust-grid{grid-template-columns:repeat(2,1fr)}
      .lp-page .metric:nth-child(2){border-right:1px solid var(--line)}
      .lp-page .metric:nth-child(n+3){border-top:1px solid var(--line)}
      .lp-page .discovery-layout, .lp-page .account-layout{grid-template-columns:1fr}
      .lp-page .account-copy{padding-right:0}
      .lp-page .trust-cards, .lp-page .steps{grid-template-columns:1fr}
      .lp-page .final-inner{align-items:flex-start;flex-direction:column}
    }
    @media(max-width:620px){
      .lp-page .forusers4-tail{font-size:15px}
      .lp-page .wrap, .lp-page .hero-main{width:calc(100% - 24px)}
      .lp-page .hero-main{padding-top:52px}
      .lp-page .hero h1{font-size:43px}
      .lp-page .hero-copy{font-size:17px}
      .lp-page .btn{width:100%}
      .lp-page .features, .lp-page .category-grid{grid-template-columns:1fr}
      .lp-page .surfaces{grid-template-columns:1fr}
      .lp-page .surface{min-height:auto;border-right:0;border-bottom:1px solid var(--line)}
      .lp-page .surface:nth-child(n+4){border-top:0}
      .lp-page .surface:last-child{border-bottom:0}
      .lp-page .trust-grid{grid-template-columns:1fr}
      .lp-page .metric{min-height:105px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
      .lp-page .metric:nth-child(n+3){border-top:0}
      .lp-page .metric:last-child{border-bottom:0}
      .lp-page .user-console{padding:14px}
      .lp-page .filter-row{max-width:100%}
      .lp-page .result{grid-template-columns:auto 1fr}
      .lp-page .heart{display:none}
      .lp-page .discovery-layout{gap:14px}
      .lp-page .filter-panel, .lp-page .directory-panel{padding:19px}
      .lp-page .directory-head{align-items:flex-start;flex-direction:column}
      .lp-page .company-row{grid-template-columns:auto 1fr}
      .lp-page .company-row .btn{display:none}
      .lp-page .final{padding:65px 0}
    }
  

.lp-page /.forusers4-tail * Semantic SVG icons for the user-directory trust metrics. .forusers4-tail */
.metric .metric-mark.metric-svg { width: 52px; height: 52px; border-radius: 13px; color: #375acf; background: linear-gradient(145deg, #f5f8ff, #eaf0ff); box-shadow: 0 7px 17px rgba(55, 90, 207, .1); }
.lp-page .metric .metric-mark.metric-svg svg { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }



.lp-page /.forusers4-tail * Refined SVG icons for the user-benefit cards. .forusers4-tail */
.feature .icon.feature-svg { width: 58px; height: 58px; border-radius: 14px; color: #375acf; background: linear-gradient(145deg, #fff, #eef3ff); box-shadow: 0 9px 20px rgba(55, 90, 207, .11); }
.lp-page .feature .icon.feature-svg svg { width: 29px; height: 29px; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }



.lp-page /.forusers4-tail * Consistent SVG navigation icons for the user discovery surfaces. .forusers4-tail */
.surface .mini-icon.surface-svg { width: 58px; height: 58px; border-radius: 14px; color: #375acf; background: linear-gradient(145deg, #fff, #eef3ff); box-shadow: 0 9px 20px rgba(55, 90, 207, .1); }
.lp-page .surface .mini-icon.surface-svg svg { width: 29px; height: 29px; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }



.lp-page /.forusers4-tail * Larger SVG icons for saved items, .lp-page offers, .lp-page and reviews. .forusers4-tail */
.account-point { gap: 22px; padding: 19px 0; }
.lp-page .account-point .mini-icon.account-icon { width: 68px; height: 68px; flex: 0 0 auto; border-radius: 17px; color: #375acf; background: linear-gradient(145deg, #fff, #edf3ff); box-shadow: 0 10px 23px rgba(55, 90, 207, .1); }
.lp-page .account-point .mini-icon.account-icon svg { width: 34px; height: 34px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
@media (max-width: 720px) { .lp-page .account-point { gap: 16px; } .lp-page .account-point .mini-icon.account-icon { width: 58px; height: 58px; } .lp-page .account-point .mini-icon.account-icon svg { width: 29px; height: 29px; } }



.lp-page /.forusers4-tail * Descriptive SVG category icons for the user category explorer. .forusers4-tail */
.category .category-symbol.category-svg { width: 52px; height: 52px; border-radius: 14px; box-shadow: 0 9px 19px rgba(51, 51, 153, .16); }
.lp-page .category .category-symbol.category-svg svg { width: 27px; height: 27px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }



.lp-page /.forusers4-tail * Larger descriptive SVG icons for profile, .lp-page reviews, .lp-page and merchant access. .forusers4-tail */
.trust-card .mini-icon.trust-icon { width: 68px; height: 68px; border-radius: 17px; color: #375acf; background: linear-gradient(145deg, #fff, #edf3ff); box-shadow: 0 10px 23px rgba(55, 90, 207, .1); }
.lp-page .trust-card .mini-icon.trust-icon svg { width: 34px; height: 34px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }



.lp-page /.forusers4-tail * High-contrast mini-illustrations for key directory statistics. .forusers4-tail */
.metric .metric-mark.metric-illustration { width: 62px; height: 62px; border: 0; border-radius: 18px; color: #fff; background: linear-gradient(145deg, #4059d7, #333399); box-shadow: 0 14px 28px rgba(51, 51, 153, .25); }
.lp-page .metric .metric-mark.metric-illustration svg { width: 33px; height: 33px; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.lp-page .metric .metric-mark.metric-illustration .accent { fill: #75e8d8; stroke: none; }
.lp-page .metric .metric-mark.metric-illustration .accent-stroke { stroke: #75e8d8; }



.lp-page /.forusers4-tail * Refined compact badges: the icon remains the focus, .lp-page not its background. .forusers4-tail */
.metric .metric-mark.metric-illustration { width: 50px; height: 50px; border-radius: 13px; background: linear-gradient(145deg, #3f56ce, #333399); box-shadow: 0 6px 14px rgba(51, 51, 153, .16); }
.lp-page .metric .metric-mark.metric-illustration svg { width: 28px; height: 28px; stroke-width: 1.9; }



.lp-page /.forusers4-tail * Background-free primary glyphs for key directory statistics. .forusers4-tail */
.metric .metric-mark.metric-glyph { width: 52px; height: 52px; border: 0; border-radius: 0; color: #333399; background: transparent; box-shadow: none; }
.lp-page .metric .metric-mark.metric-glyph svg { width: 36px; height: 36px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.lp-page .metric .metric-mark.metric-glyph .glyph-accent { stroke: #39bfae; }



/.forusers4-tail * Give the hero visual room before the stats; .lp-page avoid cutting its grid with a hard line. .forusers4-tail */
.hero .hero-main { padding-bottom: 142px; }
.lp-page .hero .trust { border-top: 0; background: transparent; padding: 0 0 34px; }
.lp-page .hero .trust-grid { position: relative; overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: rgba(255, 255, 255, .96); box-shadow: 0 18px 42px rgba(38, 53, 102, .08); }
.lp-page .hero .trust-grid .metric:first-child { border-left: 0; }
.lp-page .hero .trust-grid .metric:last-child { border-right: 0; }
@media (max-width: 720px) {
  .lp-page .hero .hero-main { padding-bottom: 104px; }
  .lp-page .hero .trust { padding-bottom: 22px; }
  .lp-page .hero .trust-grid { border-radius: 14px; }
}



/* forusers-test4: first screen and live platform statistics come from users-test. */

.lp-page .users-test-page{--ink:#07163d;--muted:#65738e;--blue:#4050f4;--line:#dce3f1;--soft:#f6f8fc;--navy:#0b2149;--green:#149760}.lp-page .users-test-page *{box-sizing:border-box}.lp-page .users-test-page{scroll-behavior:smooth}.lp-page .users-test-page{margin:0;color:var(--ink);font-family:Inter,Arial,sans-serif;background:#fff}.lp-page .users-test-page a{text-decoration:none;color:inherit}.lp-page .users-test-page .nav{height:84px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8ecf4;position:sticky;top:0;background:#fffffff2;backdrop-filter:blur(16px);z-index:20;box-shadow:0 5px 22px #1828540a}.lp-page .users-test-page .brand{display:flex;align-items:center;gap:14px;font-size:22px;font-weight:800;letter-spacing:.14em}.lp-page .users-test-page .logo{width:38px;height:43px;background:linear-gradient(145deg,#6f7eff,#283be8);clip-path:polygon(50% 0,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%);display:grid;place-items:center}.lp-page .users-test-page .logo:after{content:"";width:20px;height:20px;background:#fff;clip-path:inherit;box-shadow:inset 0 0 0 5px #6574fb}.lp-page .users-test-page .links{display:flex;gap:34px;font-size:14px;font-weight:550}.lp-page .users-test-page .links a:hover{color:var(--blue)}.lp-page .users-test-page .actions{display:flex;gap:22px;align-items:center;font-size:14px;font-weight:600}.lp-page .users-test-page .btn{min-height:52px;padding:0 25px;border-radius:7px;background:linear-gradient(135deg,#4554f7,#3242df);color:white;display:inline-flex;align-items:center;justify-content:center;gap:18px;font-weight:700;border:1px solid var(--blue);box-shadow:0 12px 28px #4050f438;transition:.2s}.lp-page .users-test-page .btn:hover{transform:translateY(-2px)}.lp-page .users-test-page .small{min-height:46px}.lp-page .users-test-page .hero{padding:48px 4.4vw 24px;display:grid;grid-template-columns:42% 58%;min-height:690px;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 34%,#f2f5ff,white 48%)}.lp-page .users-test-page .hero:after{content:"";position:absolute;right:0;top:0;width:55%;height:82%;background-image:linear-gradient(#e5eaf5 1px,transparent 1px),linear-gradient(90deg,#e5eaf5 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to left,#000,transparent);opacity:.7}.lp-page .users-test-page .copy{position:relative;z-index:2}.lp-page .users-test-page .crumbs{display:flex;gap:15px;color:#78859f;font-size:14px;margin:8px 0 62px}.lp-page .users-test-page .crumbs a{color:var(--blue)}.lp-page .users-test-page .eyebrow{font-size:11px;font-weight:800;letter-spacing:.15em;color:var(--blue);margin:0 0 18px}.lp-page .users-test-page .hero h1{font-size:clamp(54px,5.3vw,82px);line-height:1.03;letter-spacing:-.055em;margin:0}.lp-page .users-test-page .lead{max-width:580px;color:#5e6d89;font-size:20px;line-height:1.65;margin:27px 0 34px}.lp-page .users-test-page .hero-buttons{display:flex;gap:17px;flex-wrap:wrap}.lp-page .users-test-page .outline{color:var(--blue);background:white;box-shadow:none}.lp-page .users-test-page .trust{display:flex;align-items:center;gap:13px;margin-top:27px;font-size:12px}.lp-page .users-test-page .coins{display:flex;padding-left:7px}.lp-page .users-test-page .coins i{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#11244b;color:white;border:2px solid white;margin-left:-7px;font-style:normal}.lp-page .users-test-page .coins i:nth-child(2){background:#6472ef}.lp-page .users-test-page .coins i:nth-child(3){background:#9780d5}.lp-page .users-test-page .trust span:last-child{display:flex;flex-direction:column;gap:3px}.lp-page .users-test-page .trust small{color:#8995aa}.lp-page .users-test-page .visual{position:relative;z-index:3;min-height:590px}.lp-page .users-test-page .wallet, .lp-page .users-test-page .finder, .lp-page .users-test-page .float{position:absolute;border:1px solid var(--line);box-shadow:0 25px 55px #1d2f5e20}.lp-page .users-test-page .wallet{width:350px;left:2%;top:70px;border-radius:15px;background:linear-gradient(145deg,#17335e,#071936);color:white;overflow:hidden;padding:22px;z-index:3}.lp-page .users-test-page .wallet-top{display:flex;justify-content:space-between;margin-bottom:22px}.lp-page .users-test-page .wallet small{opacity:.75}.lp-page .users-test-page .balance{font-size:28px;font-weight:700;margin:5px 0}.lp-page .users-test-page .balance small{font-size:12px}.lp-page .users-test-page .spark{height:44px;width:120px;border-top:2px solid #7581ff;position:absolute;right:18px;top:105px;transform:skewY(-22deg);filter:drop-shadow(0 0 4px #7581ff)}.lp-page .users-test-page .wactions{display:flex;justify-content:space-between;text-align:center;margin:26px 0 20px}.lp-page .users-test-page .wactions span{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:9px}.lp-page .users-test-page .wactions i{width:37px;height:37px;border-radius:50%;background:#ffffff1c;display:grid;place-items:center;font-size:17px;font-style:normal}.lp-page .users-test-page .txs{background:white;color:var(--ink);margin:0 -22px -22px;padding:17px 20px}.lp-page .users-test-page .titleline{display:flex;justify-content:space-between;font-size:10px;margin-bottom:8px}.lp-page .users-test-page .titleline a{color:var(--blue)}.lp-page .users-test-page .tx{display:grid;grid-template-columns:36px 1fr auto;gap:9px;align-items:center;padding:10px 0;border-top:1px solid #edf0f6;font-size:9px}.lp-page .users-test-page .tx>i, .lp-page .users-test-page .merchant>i{width:34px;height:34px;border-radius:8px;background:#f0f1ff;color:var(--blue);display:grid;place-items:center;font-style:normal}.lp-page .users-test-page .tx span, .lp-page .users-test-page .tx strong{display:flex;flex-direction:column;gap:4px}.lp-page .users-test-page .tx strong{text-align:right}.lp-page .users-test-page .tx small{color:#8d98aa}.lp-page .users-test-page .tx strong small{color:var(--green)}.lp-page .users-test-page .finder{width:390px;right:0;top:28px;border-radius:15px;background:#fffffffa;z-index:4;padding:20px}.lp-page .users-test-page .finder h3{margin:0 0 10px;font-size:15px}.lp-page .users-test-page .search{height:42px;border:1px solid var(--line);border-radius:7px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;color:#8995a9;font-size:10px}.lp-page .users-test-page .cats{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;text-align:center;margin:12px 0 15px}.lp-page .users-test-page .cats span{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:8px;color:#6d7a93}.lp-page .users-test-page .cats i{width:40px;height:36px;border-radius:8px;background:#f1f2ff;color:var(--blue);display:grid;place-items:center;font-style:normal;font-size:17px}.lp-page .users-test-page .merchants{border-top:1px solid #e7ebf4;margin:0 -20px -10px;padding:14px 20px}.lp-page .users-test-page .merchant{display:grid;grid-template-columns:35px 1fr auto;gap:9px;align-items:center;padding:8px 0;border-top:1px solid #edf0f6;font-size:10px}.lp-page .users-test-page .merchant:first-of-type{border-top:0}.lp-page .users-test-page .merchant span{display:flex;flex-direction:column;gap:4px}.lp-page .users-test-page .merchant small{font-size:8px;color:#8995a9}.lp-page .users-test-page .merchant em{font-style:normal;color:var(--blue);background:#f0f1ff;padding:6px;border-radius:6px}.lp-page .users-test-page .float{right:24%;bottom:30px;z-index:5;background:white;border-radius:13px;padding:13px 15px;display:flex;align-items:center;gap:11px}.lp-page .users-test-page .float>i{width:50px;height:50px;border-radius:10px;background:linear-gradient(135deg,#7769e7,#a068db);color:white;display:grid;place-items:center;font-size:25px;font-style:normal}.lp-page .users-test-page .float span{display:flex;flex-direction:column;gap:3px}.lp-page .users-test-page .float small{font-size:9px}.lp-page .users-test-page .float b{font-size:24px;color:#4c51e4}.lp-page .users-test-page .float em{font-size:8px;color:var(--green);font-style:normal}.lp-page .users-test-page .stats{width:91%;margin:auto;border:1px solid #d8e0ee;border-radius:14px;display:grid;grid-template-columns:repeat(4,1fr);min-height:130px;box-shadow:0 14px 35px #1e2f560d}.lp-page .users-test-page .stats article{display:flex;align-items:center;justify-content:center;gap:22px;position:relative}.lp-page .users-test-page .stats article:not(:last-child):after{content:"";position:absolute;right:0;width:1px;height:55%;background:var(--line)}.lp-page .users-test-page .stats i{width:48px;height:48px;border-radius:10px;background:#eff1ff;color:var(--blue);display:grid;place-items:center;font-style:normal;font-size:24px}.lp-page .users-test-page .stats span{display:flex;flex-direction:column;gap:4px}.lp-page .users-test-page .stats b{font-size:34px}.lp-page .users-test-page .stats small{color:#6d7a92}.lp-page .users-test-page .section{padding:120px 5vw}.lp-page .users-test-page .heading{max-width:1248px;margin:0 auto 50px;display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:end}.lp-page .users-test-page .heading h2, .lp-page .users-test-page .split h2, .lp-page .users-test-page .dark h2, .lp-page .users-test-page .account h2{font-size:clamp(38px,4.1vw,62px);line-height:1.07;letter-spacing:-.045em;margin:0}.lp-page .users-test-page .heading>p, .lp-page .users-test-page .split-copy>p, .lp-page .users-test-page .dark-copy>p, .lp-page .users-test-page .account-copy>p{color:var(--muted);font-size:17px;line-height:1.75;margin:0}.lp-page .users-test-page .features{background:linear-gradient(#fff,#f8f9fd)}.lp-page .users-test-page .cards{max-width:1248px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.lp-page .users-test-page .card{min-height:340px;padding:28px;border:1px solid var(--line);background:white;position:relative;transition:.25s}.lp-page .users-test-page .card:hover{transform:translateY(-6px);box-shadow:0 24px 50px #1c2f5a18}.lp-page .users-test-page .num{position:absolute;right:25px;color:#98a3b6;font-size:10px}.lp-page .users-test-page .icon{width:56px;height:56px;border-radius:12px;background:#eff1ff;color:var(--blue);display:grid;place-items:center;font-size:26px;margin:26px 0 38px}.lp-page .users-test-page .card h3{font-size:20px;margin:0 0 14px}.lp-page .users-test-page .card p{color:var(--muted);font-size:14px;line-height:1.7}.lp-page .users-test-page .card a{position:absolute;bottom:26px;color:var(--blue);font-size:13px;font-weight:700}.lp-page .users-test-page .split{padding:130px 6vw;max-width:1248px;margin:auto;display:grid;grid-template-columns:1.1fr .9fr;gap:9vw;align-items:center}.lp-page .users-test-page .directory{border:1px solid var(--line);background:#f8faff;border-radius:16px;padding:25px;box-shadow:0 28px 70px #192c5b20}.lp-page .users-test-page .dtop{display:flex;justify-content:space-between}.lp-page .users-test-page .dtop div{display:flex;flex-direction:column;gap:6px}.lp-page .users-test-page .dtop small{font-size:9px;color:var(--blue);font-weight:800;letter-spacing:.12em}.lp-page .users-test-page .dtop>span{font-size:9px;color:var(--green);background:#e9f7ef;padding:7px 10px;border-radius:20px}.lp-page .users-test-page .dsearch{height:47px;border:1px solid var(--line);background:white;margin:20px 0 12px;border-radius:7px;color:#8a96aa;font-size:11px;display:flex;align-items:center;justify-content:space-between;padding-left:14px}.lp-page .users-test-page .dsearch b{align-self:stretch;display:grid;place-items:center;background:var(--blue);color:white;padding:0 22px;border-radius:0 7px 7px 0}.lp-page .users-test-page .filters{display:grid;grid-template-columns:repeat(3,1fr);background:white;border:1px solid #e2e7ef;margin-bottom:15px}.lp-page .users-test-page .filters span{display:flex;flex-direction:column;gap:5px;padding:11px;font-size:8px;color:#8995a9;border-right:1px solid #e4e8f1}.lp-page .users-test-page .filters b{font-size:10px;color:var(--ink)}.lp-page .users-test-page .result{display:grid;grid-template-columns:40px 1fr auto auto;gap:11px;align-items:center;background:white;border:1px solid #e2e7ef;padding:12px;margin-top:9px;border-radius:8px;font-size:10px}.lp-page .users-test-page .result>i{width:38px;height:38px;border-radius:8px;background:var(--blue);color:white;display:grid;place-items:center;font-style:normal;font-weight:800}.lp-page .users-test-page .result span, .lp-page .users-test-page .result em{display:flex;flex-direction:column;gap:4px;font-style:normal}.lp-page .users-test-page .result small{font-size:8px;color:#8b96aa}.lp-page .users-test-page .result>strong{color:var(--green);background:#e9f7ef;padding:6px 8px;border-radius:5px;font-size:8px}.lp-page .users-test-page .split-copy>p{margin:23px 0 28px}.lp-page .users-test-page .ticks{display:flex;flex-direction:column;gap:18px}.lp-page .users-test-page .ticks span{display:flex;align-items:center;gap:12px;font-weight:700;font-size:14px}.lp-page .users-test-page .ticks i{width:25px;height:25px;border-radius:50%;background:#e9edff;color:var(--blue);display:grid;place-items:center;font-style:normal}.lp-page .users-test-page .textlink{display:inline-block;margin-top:31px;color:var(--blue);font-weight:700;font-size:14px}.lp-page .users-test-page .dark{background:var(--navy);color:white;padding:110px 6vw;display:grid;grid-template-columns:.68fr 1.32fr;gap:7vw;align-items:center}.lp-page .users-test-page .dark-copy p:last-child{color:#aeb9cb;margin-top:20px;line-height:1.7}.lp-page .users-test-page .steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:20px;align-items:center}.lp-page .users-test-page .steps article{min-height:220px;padding:25px 22px;border:1px solid #ffffff24;background:#ffffff08}.lp-page .users-test-page .steps article i{width:48px;height:48px;border-radius:10px;background:#4453f2;display:grid;place-items:center;font-style:normal;font-size:22px;margin-bottom:25px}.lp-page .users-test-page .steps h3{font-size:18px}.lp-page .users-test-page .steps p{color:#aeb9cb;font-size:12px;line-height:1.65}.lp-page .users-test-page .steps>span{color:#71809d}.lp-page .users-test-page .deals{padding:125px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center;overflow:hidden}.lp-page .users-test-page .dealcopy p{color:var(--muted);font-size:17px;line-height:1.75}.lp-page .users-test-page .metrics{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;margin:30px 0}.lp-page .users-test-page .metrics span{display:flex;flex-direction:column;gap:5px;padding-right:22px;margin-right:22px;border-right:1px solid var(--line)}.lp-page .users-test-page .metrics span:last-child{border:0}.lp-page .users-test-page .metrics b{font-size:23px}.lp-page .users-test-page .metrics small{font-size:9px;color:#8490a4}.lp-page .users-test-page .coupon{max-width:440px;border:1px solid var(--line);border-radius:15px;box-shadow:0 30px 70px #1b2e5a20;padding:28px;background:white;position:relative}.lp-page .users-test-page .coupon:after{content:"25% OFF CLOUD HOSTING";position:absolute;z-index:-1;width:330px;padding:28px;background:white;border:1px solid var(--line);border-radius:12px;right:-110px;bottom:-52px;transform:rotate(6deg);box-shadow:0 20px 45px #1b2e5a16;font-weight:700}.lp-page .users-test-page .cbrand{display:flex;align-items:center;gap:12px}.lp-page .users-test-page .cbrand i{width:45px;height:45px;border-radius:10px;background:#12264e;color:white;display:grid;place-items:center;font-style:normal}.lp-page .users-test-page .cbrand span{display:flex;flex-direction:column;gap:4px}.lp-page .users-test-page .cbrand small{color:#8a96aa;font-size:10px}.lp-page .users-test-page .coupon>em{display:block;color:var(--blue);font-style:normal;font-size:9px;font-weight:800;letter-spacing:.14em;margin:30px 0 8px}.lp-page .users-test-page .coupon>strong{font-size:54px}.lp-page .users-test-page .coupon>div:last-child{background:#f5f7fc;border:1px dashed #bbc6d8;border-radius:7px;padding:10px 12px;margin-top:23px;display:flex;justify-content:space-between;color:var(--blue);font-weight:800}.lp-page .users-test-page .account-wrap{padding:20px 5vw 120px}.lp-page .users-test-page .account{max-width:1248px;margin:auto;padding:74px 7vw;border-radius:20px;background:linear-gradient(125deg,#0b2148,#163363);color:white;display:grid;grid-template-columns:1fr .8fr;gap:7vw;overflow:hidden}.lp-page .users-test-page .account-copy>p{color:#b1bdd1;margin:22px 0 29px}.lp-page .users-test-page .apoints{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px;font-size:12px}.lp-page .users-test-page .profile{background:white;color:var(--ink);border-radius:15px;padding:24px;box-shadow:0 30px 70px #0005}.lp-page .users-test-page .phead{display:grid;grid-template-columns:47px 1fr auto;gap:11px;align-items:center;border-bottom:1px solid #e5e9f1;padding-bottom:20px}.lp-page .users-test-page .avatar{width:47px;height:47px;border-radius:50%;background:linear-gradient(135deg,#4a58ef,#8491ff);color:white;display:grid;place-items:center;font-style:normal;font-weight:700}.lp-page .users-test-page .phead span, .lp-page .users-test-page .saved span{display:flex;flex-direction:column;gap:4px;font-size:12px}.lp-page .users-test-page .phead small, .lp-page .users-test-page .saved small{color:#8b96a9;font-size:9px}.lp-page .users-test-page .phead em{font-style:normal;color:var(--green);background:#e8f7ef;padding:6px;font-size:8px}.lp-page .users-test-page .pstats{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;padding:20px 0;border-bottom:1px solid #e5e9f1}.lp-page .users-test-page .pstats span{display:flex;flex-direction:column;gap:5px;border-right:1px solid #e5e9f1}.lp-page .users-test-page .pstats span:last-child{border:0}.lp-page .users-test-page .pstats small{font-size:9px;color:#8c97aa}.lp-page .users-test-page .saved{display:grid;grid-template-columns:35px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #edf0f5;font-size:10px}.lp-page .users-test-page .saved>i{width:35px;height:35px;border-radius:7px;background:#eff1ff;color:var(--blue);display:grid;place-items:center;font-style:normal}.lp-page .users-test-page .saved em{color:#e69a00;font-style:normal}.lp-page .users-test-page .media{background:#f7f9fd}.lp-page .users-test-page .media-grid{max-width:1248px;margin:auto;display:grid;grid-template-columns:1.25fr .75fr .75fr;gap:18px}.lp-page .users-test-page .article{min-height:310px;border:1px solid var(--line);background:white;padding:27px;display:flex;flex-direction:column}.lp-page .users-test-page .article small{color:#78869e;font-size:9px;letter-spacing:.1em;font-weight:700;margin:18px 0 14px}.lp-page .users-test-page .article h3{font-size:19px;line-height:1.45;margin:0}.lp-page .users-test-page .article a{margin-top:auto;color:var(--blue);font-size:12px;font-weight:700}.lp-page .users-test-page .featured{display:grid;grid-template-columns:1fr 1.1fr;gap:25px}.lp-page .users-test-page .chart{background:linear-gradient(145deg,#0b2149,#1c376d);display:flex;align-items:flex-end;justify-content:center;gap:12px;padding:35px}.lp-page .users-test-page .chart i{width:27px;background:linear-gradient(#8994ff,#4755ee)}.lp-page .users-test-page .chart i:nth-child(1){height:25%}.lp-page .users-test-page .chart i:nth-child(2){height:45%}.lp-page .users-test-page .chart i:nth-child(3){height:67%}.lp-page .users-test-page .chart i:nth-child(4){height:90%}.lp-page .users-test-page .aicon{height:125px;background:#eff1ff;color:var(--blue);display:grid;place-items:center;font-size:46px}.lp-page .users-test-page .cta{padding:72px 7vw;background:linear-gradient(110deg,#3947eb,#5667ff);color:white;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}.lp-page .users-test-page .cta h2{font-size:clamp(36px,4vw,58px);margin:0;max-width:860px;letter-spacing:-.04em}.lp-page .users-test-page .cta div:last-child{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:700}
  @media(max-width:1100px){.lp-page .users-test-page .links{display:none}.lp-page .users-test-page .hero{grid-template-columns:1fr}.lp-page .users-test-page .visual{margin-top:25px}.lp-page .users-test-page .stats{grid-template-columns:repeat(2,1fr)}.lp-page .users-test-page .cards{grid-template-columns:repeat(2,1fr)}.lp-page .users-test-page .split, .lp-page .users-test-page .deals{grid-template-columns:1fr}.lp-page .users-test-page .dark{grid-template-columns:1fr}.lp-page .users-test-page .account{grid-template-columns:1fr}.lp-page .users-test-page .media-grid{grid-template-columns:1fr 1fr}.lp-page .users-test-page .featured{grid-column:1/-1}}
  @media(max-width:700px){.lp-page .users-test-page .nav{height:70px;padding:0 18px}.lp-page .users-test-page .brand{font-size:16px}.lp-page .users-test-page .logo{width:31px;height:35px}.lp-page .users-test-page .actions>a:first-child{display:none}.lp-page .users-test-page .small{padding:0 11px;font-size:10px}.lp-page .users-test-page .hero{padding:27px 20px}.lp-page .users-test-page .crumbs{margin-bottom:34px}.lp-page .users-test-page .hero h1{font-size:48px}.lp-page .users-test-page .lead{font-size:17px}.lp-page .users-test-page .hero-buttons .btn{width:100%}.lp-page .users-test-page .visual{height:660px}.lp-page .users-test-page .wallet{left:-8%;top:200px;transform:scale(.8);transform-origin:left top}.lp-page .users-test-page .finder{right:-5%;top:0;transform:scale(.75);transform-origin:right top}.lp-page .users-test-page .float{right:0;bottom:20px;transform:scale(.8);transform-origin:right}.lp-page .users-test-page .stats{grid-template-columns:1fr;width:calc(100% - 40px);padding:12px 0}.lp-page .users-test-page .stats article{min-height:90px}.lp-page .users-test-page .stats article:not(:last-child):after{width:80%;height:1px;right:10%;bottom:0}.lp-page .users-test-page .section, .lp-page .users-test-page .split, .lp-page .users-test-page .deals{padding:85px 20px}.lp-page .users-test-page .heading{grid-template-columns:1fr;gap:25px}.lp-page .users-test-page .heading h2, .lp-page .users-test-page .split h2, .lp-page .users-test-page .dark h2, .lp-page .users-test-page .account h2{font-size:39px}.lp-page .users-test-page .cards{grid-template-columns:1fr}.lp-page .users-test-page .filters{grid-template-columns:1fr}.lp-page .users-test-page .result{grid-template-columns:38px 1fr auto}.lp-page .users-test-page .result em{display:none}.lp-page .users-test-page .dark{padding:80px 20px}.lp-page .users-test-page .steps{grid-template-columns:1fr}.lp-page .users-test-page .steps>span{transform:rotate(90deg);text-align:center}.lp-page .users-test-page .account-wrap{padding:20px 20px 80px}.lp-page .users-test-page .account{padding:55px 24px}.lp-page .users-test-page .apoints{grid-template-columns:1fr}.lp-page .users-test-page .media-grid{grid-template-columns:1fr}.lp-page .users-test-page .featured{display:flex;flex-direction:column}.lp-page .users-test-page .chart{min-height:190px}.lp-page .users-test-page .cta{grid-template-columns:1fr;padding:65px 20px}.lp-page .users-test-page .cta div:last-child{flex-direction:column;align-items:flex-start}}


/* Large dark-blue SVG tiles for the core user benefits. */
.lp-page .users-test-page .card .icon.benefit-icon { width: 78px; height: 78px; margin: 26px 0 34px; border-radius: 19px; color: #fff; background: linear-gradient(145deg, #18285d, #263f99); box-shadow: 0 16px 30px rgba(24, 40, 93, .22); }
.lp-page .users-test-page .card .icon.benefit-icon svg { width: 38px; height: 38px; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.lp-page .users-test-page .card .icon.benefit-icon .benefit-accent { fill: #70e5d4; stroke: #70e5d4; }



/* Balance the feature-section headline with its supporting copy. */
.lp-page .users-test-page .features .heading { grid-template-columns: 1.04fr .96fr; gap: 5.5vw; align-items: center; }
.lp-page .users-test-page .features .heading h2 { max-width: 870px; font-size: clamp(38px, 3.55vw, 54px); line-height: 1.1; }
.lp-page .users-test-page .features .heading > p { max-width: 600px; font-size: 20px; line-height: 1.68; }
@media (max-width: 700px) {
  .lp-page .users-test-page .features .heading h2 { font-size: 39px; }
  .lp-page .users-test-page .features .heading > p { font-size: 17px; }
}



/* High-contrast, rounded user journey cards in the dark commerce section. */
.lp-page .users-test-page .dark { padding: 122px 6vw; background: radial-gradient(circle at 72% 20%, rgba(64, 80, 244, .22), transparent 34%), var(--navy); }
.lp-page .users-test-page .dark .eyebrow { color: #73e7d8; font-size: 13px; letter-spacing: .16em; }
.lp-page .users-test-page .dark .dark-copy h2 { color: #fff !important; font-size: clamp(46px, 4.25vw, 66px); line-height: 1.04; }
.lp-page .users-test-page .dark .dark-copy p:last-child { color: #d5dff2 !important; max-width: 460px; font-size: 20px; line-height: 1.65; }
.lp-page .users-test-page .dark .steps { gap: 16px; }
.lp-page .users-test-page .dark .steps article { min-height: 270px; padding: 30px 27px; border: 1px solid rgba(187, 204, 255, .24); border-radius: 20px; background: linear-gradient(145deg, rgba(255,255,255,.12), rgba(255,255,255,.045)); box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 18px 36px rgba(0,0,0,.12); }
.lp-page .users-test-page .dark .steps article .flow-icon { width: 70px; height: 70px; margin-bottom: 28px; border-radius: 18px; color: #fff; background: linear-gradient(145deg, #5266fb, #3343d5); box-shadow: 0 12px 26px rgba(20, 33, 107, .35); }
.lp-page .users-test-page .dark .steps article .flow-icon svg { width: 35px; height: 35px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.lp-page .users-test-page .dark .steps article .flow-icon .flow-accent { stroke: #76ead8; }
.lp-page .users-test-page .dark .steps h3 { color: #fff !important; margin: 0 0 12px; font-size: 24px; }
.lp-page .users-test-page .dark .steps p { color: #d3ddef !important; margin: 0; font-size: 16px; line-height: 1.62; }
.lp-page .users-test-page .dark .steps > span { color: #73e7d8; font-size: 28px; font-weight: 700; }
@media (max-width: 700px) {
  .lp-page .users-test-page .dark { padding: 88px 20px; }
  .lp-page .users-test-page .dark .dark-copy h2 { font-size: 42px; }
  .lp-page .users-test-page .dark .dark-copy p:last-child { font-size: 18px; }
  .lp-page .users-test-page .dark .steps article { min-height: 0; padding: 27px 23px; }
}



/* Restore legibility and hierarchy in the dark personal-account panel. */
.lp-page .users-test-page .account {
  background: radial-gradient(circle at 76% 20%, rgba(72, 91, 250, .24), transparent 36%), linear-gradient(125deg, #0b2148, #163363);
}
.lp-page .users-test-page .account .eyebrow {
  color: #82e9db;
  font-size: 13px;
  letter-spacing: .16em;
}
.lp-page .users-test-page .account .account-copy h2 {
  color: #fff !important;
  font-size: clamp(46px, 4.15vw, 64px);
  line-height: 1.06;
}
.lp-page .users-test-page .account .account-copy > p:not(.eyebrow) {
  max-width: 640px;
  color: #d5dff2 !important;
  font-size: 20px;
  line-height: 1.62;
}
.lp-page .users-test-page .account .apoints {
  gap: 19px 26px;
  color: #f2f6ff;
  font-size: 17px;
  line-height: 1.5;
}
.lp-page .users-test-page .account .apoints span {
  display: flex;
  align-items: center;
  gap: 9px;
}
.lp-page .users-test-page .account .apoints span::first-letter {
  color: #79e8d9;
}
.lp-page .users-test-page .account .btn.outline {
  min-height: 58px;
  padding: 0 29px;
  border: 2px solid #5365ff;
  color: #3f52f3;
  font-size: 17px;
}
@media (max-width: 700px) {
  .lp-page .users-test-page .account .account-copy h2 { font-size: 42px; }
  .lp-page .users-test-page .account .account-copy > p:not(.eyebrow) { font-size: 18px; }
  .lp-page .users-test-page .account .apoints { font-size: 16px; }
}



/* Prominent SVG icons for the platform statistics. */
.lp-page .users-test-page .stats article { gap: 26px; }
.lp-page .users-test-page .stats .stat-icon {
  width: 74px;
  height: 74px;
  flex: 0 0 74px;
  border-radius: 20px;
  color: #fff;
  background: linear-gradient(145deg, #4054f5, #2739bb);
  box-shadow: 0 15px 28px rgba(42, 59, 184, .24);
}
.lp-page .users-test-page .stats .stat-icon svg {
  width: 39px;
  height: 39px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.65;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.lp-page .users-test-page .stats .stat-icon .stat-accent { fill: #72e8d9; stroke: #72e8d9; }
.lp-page .users-test-page .stats small { font-size: 15px; font-weight: 600; }
@media (max-width: 700px) {
  .lp-page .users-test-page .stats .stat-icon { width: 64px; height: 64px; flex-basis: 64px; border-radius: 18px; }
  .lp-page .users-test-page .stats .stat-icon svg { width: 34px; height: 34px; }
}



.lp-page .forusers-test4-page { overflow: hidden; }
.lp-page .forusers4-tail { position: relative; z-index: 1; }


/* Keep every coloured full-width section visually contained inside the page body. */
.lp-page .forusers4-tail .soft {
  border-left: 1px solid var(--line);
  border-right: 1px solid var(--line);
}
.lp-page .forusers4-tail .final {
  border: 1px solid var(--line);
}



/* Rounded, contained section frames. */
.lp-page .forusers4-tail .soft, .lp-page .forusers4-tail .final {
  border-radius: 24px;
  overflow: hidden;
  width: min(1248px, calc(100% - 56px));
  margin-inline: auto;
}

@media (max-width: 900px) {
  .lp-page .forusers4-tail .soft,
  .lp-page .forusers4-tail .final {
    width: min(100% - 32px, 720px);
  }
}

@media (max-width: 620px) {
  .lp-page .forusers4-tail .soft,
  .lp-page .forusers4-tail .final {
    width: calc(100% - 24px);
  }
}



/* Reduce only the first-screen headline by roughly ten percent. */
.lp-page .forusers-test4-page .users-test-page .hero h1 {
  font-size: clamp(49px, 4.77vw, 74px);
}



/* Bright, high-impact icon tiles for the discovery feature cards. */
.lp-page .forusers4-tail .feature .icon.feature-svg {
  width: 80px;
  height: 80px;
  margin-bottom: 30px;
  border: 0;
  border-radius: 21px;
  color: #fff;
  background: linear-gradient(145deg, #5169ff 0%, #3a4fe0 52%, #2937b5 100%);
  box-shadow: 0 16px 30px rgba(48, 65, 195, .28), inset 0 1px 0 rgba(255,255,255,.3);
}
.lp-page .forusers4-tail .feature .icon.feature-svg svg {
  width: 41px;
  height: 41px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.lp-page .forusers4-tail .feature .icon.feature-svg .glyph-accent, .lp-page .forusers4-tail .feature .icon.feature-svg .feature-accent {
  fill: #74ead8;
  stroke: #74ead8;
}
@media (max-width: 680px) {
  .lp-page .forusers4-tail .feature .icon.feature-svg { width: 72px; height: 72px; border-radius: 19px; }
  .lp-page .forusers4-tail .feature .icon.feature-svg svg { width: 37px; height: 37px; }
}


/* Larger, vivid context-specific icon tiles for the ecosystem surfaces. */
.lp-page .forusers4-tail .surface .mini-icon.surface-svg {
  width: 112px;
  height: 112px;
  margin-bottom: 28px;
  border: 0;
  border-radius: 28px;
  color: #fff;
  background: linear-gradient(145deg, #5b70ff 0%, #4056e7 52%, #2937bb 100%);
  box-shadow: 0 18px 34px rgba(48, 65, 195, .28), inset 0 1px 0 rgba(255,255,255,.32);
}
.lp-page .forusers4-tail .surface .mini-icon.surface-svg svg {
  width: 59px;
  height: 59px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.15;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.lp-page .forusers4-tail .surface .mini-icon.surface-svg .surface-accent {
  fill: #79f0dc;
  stroke: #79f0dc;
}
.lp-page .forusers4-tail .surface { min-height: 348px; padding: 32px; }
@media (max-width: 680px) {
  .lp-page .forusers4-tail .surface .mini-icon.surface-svg { width: 92px; height: 92px; border-radius: 24px; }
  .lp-page .forusers4-tail .surface .mini-icon.surface-svg svg { width: 49px; height: 49px; }
  .lp-page .forusers4-tail .surface { min-height: auto; padding: 28px; }
}

/* Stronger typography and contextual category icons for clear scanning. */
.lp-page .forusers4-tail .category {
  min-height: 246px;
  padding: 28px;
}
.lp-page .forusers4-tail .category .category-symbol.category-svg {
  width: 80px;
  height: 80px;
  border: 0;
  border-radius: 22px;
  color: #fff;
  background: linear-gradient(145deg, #5c72ff 0%, #4059e5 55%, #2f3ab7 100%);
  box-shadow: 0 15px 28px rgba(48, 65, 195, .25), inset 0 1px 0 rgba(255,255,255,.28);
}
.lp-page .forusers4-tail .category .category-symbol.category-svg svg {
  width: 43px;
  height: 43px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.15;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.lp-page .forusers4-tail .category .category-symbol.category-svg .category-accent {
  fill: #77efd9;
  stroke: #77efd9;
}
.lp-page .forusers4-tail .category .category-count {
  color: #647795;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .01em;
}
.lp-page .forusers4-tail .category h3 {
  margin-top: 24px;
  color: #17223a;
  font-size: 23px;
  line-height: 1.15;
}
.lp-page .forusers4-tail .category p {
  margin-top: 9px;
  color: #526784;
  font-size: 16px;
  line-height: 1.55;
  font-weight: 500;
}
@media (max-width: 680px) {
  .lp-page .forusers4-tail .category { min-height: auto; padding: 24px; }
  .lp-page .forusers4-tail .category .category-symbol.category-svg { width: 70px; height: 70px; border-radius: 19px; }
  .lp-page .forusers4-tail .category .category-symbol.category-svg svg { width: 38px; height: 38px; }
}

/* Larger, contextual trust icons for the confidence cards. */
.lp-page .forusers4-tail .trust-card .mini-icon.trust-icon {
  width: 100px;
  height: 100px;
  margin-bottom: 27px;
  border: 0;
  border-radius: 26px;
  color: #fff;
  background: linear-gradient(145deg, #5d73ff 0%, #4058e5 54%, #2b38ba 100%);
  box-shadow: 0 18px 34px rgba(48, 65, 195, .27), inset 0 1px 0 rgba(255,255,255,.3);
}
.lp-page .forusers4-tail .trust-card .mini-icon.trust-icon svg {
  width: 54px;
  height: 54px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.1;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.lp-page .forusers4-tail .trust-card .mini-icon.trust-icon .trust-accent {
  fill: #79f0dc;
  stroke: #79f0dc;
}
@media (max-width: 680px) {
  .lp-page .forusers4-tail .trust-card .mini-icon.trust-icon { width: 82px; height: 82px; border-radius: 22px; }
  .lp-page .forusers4-tail .trust-card .mini-icon.trust-icon svg { width: 45px; height: 45px; }
}

/* Large visual cues replace arrows in the three decision steps. */
.lp-page .forusers4-tail #start .step { min-height: 286px; }
.lp-page .forusers4-tail #start .step .step-no { margin-bottom: 92px; }
.lp-page .forusers4-tail #start .step .arrow { display: none; }
.lp-page .forusers4-tail #start .step .step-icon.step-svg {
  position: absolute;
  top: 25px;
  right: 27px;
  width: 86px;
  height: 86px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 23px;
  color: #fff;
  background: linear-gradient(145deg, #5d73ff 0%, #4059e6 55%, #2c39ba 100%);
  box-shadow: 0 16px 30px rgba(48, 65, 195, .26), inset 0 1px 0 rgba(255,255,255,.3);
}
.lp-page .forusers4-tail #start .step .step-icon.step-svg svg {
  width: 47px;
  height: 47px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.1;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.lp-page .forusers4-tail #start .step .step-icon.step-svg .step-accent {
  fill: #78efda;
  stroke: #78efda;
}
@media (max-width: 680px) {
  .lp-page .forusers4-tail #start .step { min-height: 254px; }
  .lp-page .forusers4-tail #start .step .step-no { margin-bottom: 77px; }
  .lp-page .forusers4-tail #start .step .step-icon.step-svg { width: 72px; height: 72px; right: 23px; top: 22px; border-radius: 20px; }
  .lp-page .forusers4-tail #start .step .step-icon.step-svg svg { width: 40px; height: 40px; }
}

/* Compact custom 3D ecosystem icons with real light, side and depth facets. */
.lp-page .forusers4-tail .surface .mini-icon.surface-svg.surface-3d {
  width: 76px;
  height: 76px;
  margin-bottom: 24px;
  overflow: hidden;
  border: 0;
  border-radius: 21px;
  color: #fff;
  background: linear-gradient(145deg, #657aff 0%, #4359e8 49%, #2e3ab8 100%);
  box-shadow: 0 14px 0 #26339e, 0 24px 32px rgba(48, 65, 195, .25), inset 0 1px 0 rgba(255,255,255,.34);
  transform: perspective(260px) rotateX(5deg) rotateY(-4deg) translateY(-3px);
}
.lp-page .forusers4-tail .surface .mini-icon.surface-svg.surface-3d::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(135deg, rgba(255,255,255,.28), transparent 42%);
  pointer-events: none;
}
.lp-page .forusers4-tail .surface .mini-icon.surface-svg.surface-3d svg {
  position: relative;
  z-index: 1;
  width: 48px;
  height: 48px;
  overflow: visible;
  fill: none;
  stroke: #eef1ff;
  stroke-width: 1.65;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.lp-page .forusers4-tail .surface .mini-icon.surface-svg.surface-3d svg .facet { stroke: rgba(255,255,255,.38); }
.lp-page .forusers4-tail .surface .mini-icon.surface-svg.surface-3d svg .face-line { stroke: #eaf0ff; }
.lp-page .forusers4-tail .surface .mini-icon.surface-svg.surface-3d svg .pin, .lp-page .forusers4-tail .surface .mini-icon.surface-svg.surface-3d svg .play { fill: #f8faff; stroke: #f8faff; }
.lp-page .forusers4-tail .surface .mini-icon.surface-svg.surface-3d .surface-accent { fill: #79f1dc; stroke: #79f1dc; }
.lp-page .forusers4-tail .surface { min-height: 304px; padding: 30px; }
@media (max-width: 680px) {
  .lp-page .forusers4-tail .surface .mini-icon.surface-svg.surface-3d { width: 68px; height: 68px; border-radius: 19px; }
  .lp-page .forusers4-tail .surface .mini-icon.surface-svg.surface-3d svg { width: 43px; height: 43px; }
  .lp-page .forusers4-tail .surface { min-height: auto; padding: 27px; }
}

/* Keep the hero message strong while fitting its intended three-line rhythm. */
.lp-page .forusers-test4-page .users-test-page .hero h1 {
  font-size: clamp(46px, 4.28vw, 68px);
}

/* Centre step identifiers and visual cues while retaining readable left-aligned copy. */
.lp-page .forusers4-tail #start .step {
  display: flex;
  flex-direction: column;
  min-height: 342px;
}
.lp-page .forusers4-tail #start .step .step-no {
  width: 100%;
  margin: 0 0 15px;
  text-align: center;
}
.lp-page .forusers4-tail #start .step .step-icon.step-svg {
  position: relative;
  top: auto;
  right: auto;
  flex: 0 0 auto;
  margin: 0 auto 29px;
}
.lp-page .forusers4-tail #start .step h3 { margin-top: 0; }
@media (max-width: 680px) {
  .lp-page .forusers4-tail #start .step { min-height: 314px; }
  .lp-page .forusers4-tail #start .step .step-no { margin-bottom: 13px; }
  .lp-page .forusers4-tail #start .step .step-icon.step-svg { margin-bottom: 25px; }
}

/* Elevated final CTA with a distinct action icon and refined depth. */
.lp-page .forusers4-tail .final .btn.final-cta {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 20px;
  min-height: 70px;
  padding: 12px 14px 12px 27px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.85);
  border-radius: 20px;
  color: #2e3ca7;
  background: linear-gradient(135deg, #ffffff 0%, #f4f6ff 100%);
  box-shadow: 0 12px 0 rgba(22, 31, 111, .28), 0 22px 34px rgba(15, 23, 92, .28), inset 0 1px 0 #fff;
  font-size: 19px;
  font-weight: 850;
  letter-spacing: -.02em;
  transition: transform .2s ease, box-shadow .2s ease;
}
.lp-page .forusers4-tail .final .btn.final-cta::before {
  content: '';
  position: absolute;
  inset: 1px;
  border-radius: 19px;
  background: linear-gradient(115deg, rgba(255,255,255,.9), transparent 44%);
  pointer-events: none;
}
.lp-page .forusers4-tail .final .btn.final-cta:hover {
  transform: translateY(-3px);
  box-shadow: 0 15px 0 rgba(22, 31, 111, .24), 0 28px 40px rgba(15, 23, 92, .34), inset 0 1px 0 #fff;
}
.lp-page .forusers4-tail .final .final-cta-label { position: relative; z-index: 1; }
.lp-page .forusers4-tail .final .final-cta-icon {
  position: relative;
  z-index: 1;
  display: inline-flex;
  width: 43px;
  height: 43px;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  color: #fff;
  background: linear-gradient(145deg, #6478ff, #3547c9);
  box-shadow: 0 8px 16px rgba(47, 61, 181, .28), inset 0 1px 0 rgba(255,255,255,.32);
}
.lp-page .forusers4-tail .final .final-cta-icon svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
@media (max-width: 680px) {
  .lp-page .forusers4-tail .final .btn.final-cta { min-height: 62px; padding-left: 23px; font-size: 17px; }
  .lp-page .forusers4-tail .final .final-cta-icon { width: 38px; height: 38px; border-radius: 12px; }
}

/* Generated 3D PNG illustrations replace the ecosystem SVG icon tiles. */
.lp-page .forusers4-tail .surface .surface-art {
  display: inline-flex;
  width: 98px;
  height: 98px;
  align-items: center;
  justify-content: center;
  margin: -6px 0 18px -5px;
}
.lp-page .forusers4-tail .surface .surface-art img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 15px 18px rgba(39, 53, 159, .18));
}
@media (max-width: 680px) {
  .lp-page .forusers4-tail .surface .surface-art { width: 88px; height: 88px; margin-bottom: 15px; }
}

/* Centre every element in the three-step decision cards. */
.lp-page .forusers4-tail #start .step {
  align-items: center;
  text-align: center;
}
.lp-page .forusers4-tail #start .step h3, .lp-page .forusers4-tail #start .step p { width: 100%; }
.lp-page .forusers4-tail #start .step p {
  max-width: 390px;
  margin-left: auto;
  margin-right: auto;
}

/* Give the generated ecosystem art more presence and lift supporting copy. */
.lp-page .forusers4-tail .surface {
  min-height: 452px;
  padding: 34px;
}
.lp-page .forusers4-tail .surface .surface-art {
  width: 196px;
  height: 196px;
  margin: -14px 0 20px -12px;
}
.lp-page .forusers4-tail .surface .surface-art img {
  filter: drop-shadow(0 19px 23px rgba(39, 53, 159, .2));
}
.lp-page .forusers4-tail .surface p {
  color: #526784;
  font-size: 17px;
  line-height: 1.55;
}
.lp-page .forusers4-tail .surface b {
  color: #3659d8;
  font-size: 14px;
  letter-spacing: .12em;
}
@media (max-width: 680px) {
  .lp-page .forusers4-tail .surface { min-height: auto; padding: 29px; }
  .lp-page .forusers4-tail .surface .surface-art { width: 138px; height: 138px; margin: -8px 0 16px -7px; }
  .lp-page .forusers4-tail .surface p { font-size: 16px; }
  .lp-page .forusers4-tail .surface b { font-size: 13px; }
}

/* Keep the five ecosystem cards stable at every desktop width. */
.lp-page .forusers4-tail #ecosystem .surfaces {
  width: 100%;
  max-width: 100%;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  box-sizing: border-box;
}
.lp-page .forusers4-tail #ecosystem .surface {
  min-width: 0;
  min-height: 404px;
  overflow: hidden;
}
.lp-page .forusers4-tail #ecosystem .surface .surface-art {
  width: 137px;
  height: 137px;
  margin: -4px 0 18px -4px;
}
.lp-page .forusers4-tail #ecosystem .surface h3, .lp-page .forusers4-tail #ecosystem .surface p, .lp-page .forusers4-tail #ecosystem .surface b {
  overflow-wrap: anywhere;
}
@media (max-width: 680px) {
  .lp-page .forusers4-tail #ecosystem .surfaces { grid-template-columns: 1fr; }
  .lp-page .forusers4-tail #ecosystem .surface { min-height: auto; }
  .lp-page .forusers4-tail #ecosystem .surface .surface-art {
    width: 112px;
    height: 112px;
    margin: -2px 0 16px -2px;
  }
}

/* Test 5 hero: supplied ecosystem image framed as a calm product visual. */
.lp-page .forusers-test4-page .users-test-page .hero .visual.hero-art-panel {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-height: 590px;
  padding: 34px 2.2vw 42px 0;
}
.lp-page .forusers-test4-page .users-test-page .hero .hero-image-frame {
  width: min(100%, 800px);
  margin: 0 0 0 auto;
  padding: 12px;
  border: 1px solid #dfe4eb;
  border-radius: 10px;
  background: #f5f6f8;
  box-shadow: 0 24px 54px rgba(26, 44, 92, .14), 0 5px 14px rgba(26, 44, 92, .08);
}
.lp-page .forusers-test4-page .users-test-page .hero .hero-image-frame img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 6px;
}
@media (max-width: 900px) {
  .lp-page .forusers-test4-page .users-test-page .hero .visual.hero-art-panel {
    min-height: auto;
    padding: 12px 0 8px;
    justify-content: center;
  }
  .lp-page .forusers-test4-page .users-test-page .hero .hero-image-frame {
    width: min(100%, 720px);
    margin: 0 auto;
  }
}

/* Test 5: an expanded, frameless hero visual that reads as part of the background. */
.lp-page .forusers-test4-page .users-test-page .hero {
  background: #fff;
}
.lp-page .forusers-test4-page .users-test-page .hero:before {
  display: none;
}
.lp-page .forusers-test4-page .users-test-page .hero .visual.hero-art-panel {
  position: relative;
  display: block;
  min-height: 660px;
  height: 660px;
  margin: 0;
  padding: 0;
  overflow: visible;
}
.lp-page .forusers-test4-page .users-test-page .hero .hero-image-frame {
  position: absolute;
  top: 50%;
  right: -95px;
  width: calc(100% + 150px);
  max-width: none;
  margin: 0;
  padding: 0;
  transform: translateY(-50%);
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.lp-page .forusers-test4-page .users-test-page .hero .hero-image-frame img {
  width: 100%;
  border-radius: 0;
}
@media (max-width: 900px) {
  .lp-page .forusers-test4-page .users-test-page .hero .visual.hero-art-panel {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: auto;
    height: auto;
    padding: 18px 0 0;
  }
  .lp-page .forusers-test4-page .users-test-page .hero .hero-image-frame {
    position: static;
    width: min(112%, 800px);
    margin: 0 auto;
    transform: none;
  }
}

/* Keep the large hero visual in its zone and the message unobstructed. */
.lp-page .forusers-test4-page .users-test-page .hero .copy {
  position: relative;
  z-index: 4;
}
.lp-page .forusers-test4-page .users-test-page .hero .visual.hero-art-panel {
  z-index: 1;
}
.lp-page .forusers-test4-page .users-test-page .hero .hero-image-frame {
  right: -42px;
  width: calc(100% + 70px);
}
@media (max-width: 900px) {
  .lp-page .forusers-test4-page .users-test-page .hero .hero-image-frame {
    width: min(108%, 760px);
  }
}

/* Final CTA: a balanced visual on the left and a clear action on the right. */
.lp-page .forusers4-tail .final {
  padding: 44px 0;
}
.lp-page .forusers4-tail .final .final-inner {
  display: grid;
  grid-template-columns: minmax(320px, .92fr) minmax(0, 1.08fr);
  align-items: center;
  gap: clamp(32px, 5vw, 92px);
  min-height: 430px;
  padding: 20px clamp(20px, 2vw, 42px);
}
.lp-page .forusers4-tail .final .final-art {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
}
.lp-page .forusers4-tail .final .final-art img {
  display: block;
  width: min(100%, 430px);
  height: auto;
  filter: drop-shadow(0 22px 22px rgba(12, 20, 91, .22));
}
.lp-page .forusers4-tail .final .final-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 760px;
  padding: 20px 0;
}
.lp-page .forusers4-tail .final .final-content h2 {
  max-width: 670px;
  margin-bottom: 18px;
  font-size: clamp(38px, 3.7vw, 58px);
}
.lp-page .forusers4-tail .final .final-content p {
  max-width: 650px;
  font-size: 19px;
  line-height: 1.55;
}
.lp-page .forusers4-tail .final .final-content .final-cta {
  margin-top: 32px;
}
@media (max-width: 900px) {
  .lp-page .forusers4-tail .final .final-inner {
    grid-template-columns: 1fr;
    gap: 6px;
    min-height: auto;
    padding: 28px 12px 34px;
  }
  .lp-page .forusers4-tail .final .final-art img { width: min(100%, 360px); }
  .lp-page .forusers4-tail .final .final-content { align-items: center; max-width: 650px; margin: 0 auto; text-align: center; }
  .lp-page .forusers4-tail .final .final-content .final-cta { margin-top: 25px; }
}

/* Desktop hero alignment after removing the registered-users line. */
@media (min-width: 901px) {
  .lp-page .forusers-test4-page .users-test-page .hero .copy {
    align-self: start;
  }
  .lp-page .forusers-test4-page .users-test-page .hero .hero-image-frame {
    top: calc(50% - 87px);
  }
}

/* Your Cryptwerk account: a calm framed illustration replaces the dashboard mockup. */
.lp-page .forusers4-tail #account .account-visual-frame {
  width: 100%;
  margin: 0;
  padding: 12px;
  border: 1px solid #dfe4eb;
  border-radius: 16px;
  background: #f4f5f7;
  box-shadow: 0 24px 54px rgba(31, 47, 93, .14), 0 5px 14px rgba(31, 47, 93, .07);
}
.lp-page .forusers4-tail #account .account-visual-frame img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
}
@media (max-width: 900px) {
  .lp-page .forusers4-tail #account .account-visual-frame { max-width: 650px; margin: 0 auto; }
}

/* A visual journey bridges the ecosystem introduction and its five surfaces. */
.lp-page .forusers4-tail #ecosystem .ecosystem-journey {
  width: min(100%, 1248px);
  margin: -10px auto 42px;
  padding: 0;
}
.lp-page .forusers4-tail #ecosystem .ecosystem-journey img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 680px) {
  .lp-page .forusers4-tail #ecosystem .ecosystem-journey { margin: 0 auto 28px; }
}

/* Compact blue SVG tiles replace the larger 3D ecosystem objects. */
.lp-page .forusers4-tail #ecosystem .surface .surface-art.surface-icon {
  display: inline-flex;
  width: 104px;
  height: 104px;
  align-items: center;
  justify-content: center;
  margin: 2px 0 23px;
  border-radius: 27px;
  color: #fff;
  background: linear-gradient(145deg, #6479ff 0%, #4259e8 52%, #2837bc 100%);
  box-shadow: 0 18px 30px rgba(40, 57, 181, .27), inset 0 1px 0 rgba(255,255,255,.34), inset 0 -7px 11px rgba(18, 27, 137, .18);
}
.lp-page .forusers4-tail #ecosystem .surface .surface-art.surface-icon svg {
  width: 55px;
  height: 55px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.lp-page .forusers4-tail #ecosystem .surface .surface-art.surface-icon .accent {
  fill: #72f1dd;
  stroke: none;
}
@media (max-width: 680px) {
  .lp-page .forusers4-tail #ecosystem .surface .surface-art.surface-icon { width: 86px; height: 86px; border-radius: 23px; margin-bottom: 19px; }
  .lp-page .forusers4-tail #ecosystem .surface .surface-art.surface-icon svg { width: 46px; height: 46px; }
}

/* Give the account illustration more scale while preserving the copy measure. */
@media (min-width: 901px) {
  .lp-page .forusers4-tail #account .account-layout {
    grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
    gap: 32px;
  }
  .lp-page .forusers4-tail #account .account-copy {
    padding-right: 0;
  }
}

/* Align the account visual exactly with the start of the adjacent heading. */
@media (min-width: 901px) {
  .lp-page .forusers4-tail #account .account-visual-frame {
    transform: translateY(-27px);
  }
}

/* Test 5 hero v2: the ecosystem visual begins with the headline and fills the full story arc. */
@media (min-width: 901px) {
  .lp-page .forusers-test4-page .users-test-page .hero .visual.hero-art-panel {
    min-height: 660px;
    height: 660px;
    align-self: start;
  }
  .lp-page .forusers-test4-page .users-test-page .hero .hero-image-frame {
    top: 37px;
    right: -68px;
    width: calc(100% + 106px);
    transform: none;
  }
}
@media (max-width: 900px) {
  .lp-page .forusers-test4-page .users-test-page .hero .hero-image-frame {
    width: min(112%, 760px);
  }
}


/* Keep the text and illustration on one shared vertical grid. */
@media (min-width: 901px) {
  .lp-page .forusers-test4-page .users-test-page .hero .copy {
    min-height: 649px;
    display: flex;
    flex-direction: column;
  }
  .lp-page .forusers-test4-page .users-test-page .hero .hero-buttons {
    margin-top: auto;
  }
}


/* Test 5: quieter surface cards — compact icons and no redundant action labels. */
.lp-page .forusers-test4-page .users-test-page .surface .surface-art.surface-icon {
  width: 78px;
  height: 78px;
  margin: 2px 0 18px;
  border-radius: 21px;
  box-shadow: 0 13px 23px rgba(40, 57, 181, .23), inset 0 1px 0 rgba(255,255,255,.3), inset 0 -5px 9px rgba(18, 27, 137, .16);
}
.lp-page .forusers-test4-page .users-test-page .surface .surface-art.surface-icon svg {
  width: 42px;
  height: 42px;
}


/* Surface cards live in the tail wrapper, so keep their icons deliberately compact. */
.lp-page .forusers-test4-page .forusers4-tail #ecosystem .surface .surface-art.surface-icon {
  width: 78px !important;
  height: 78px !important;
  margin: 2px 0 18px !important;
  border-radius: 21px !important;
}
.lp-page .forusers-test4-page .forusers4-tail #ecosystem .surface .surface-art.surface-icon svg {
  width: 42px !important;
  height: 42px !important;
}


/* Rebalance the hero: keep the message compact and let CTA follow the lead naturally. */
@media (min-width: 901px) {
  .lp-page .forusers-test4-page .users-test-page .hero .copy {
    min-height: 0;
    display: block;
  }
  .lp-page .forusers-test4-page .users-test-page .hero h1 {
    font-size: clamp(44px, 3.7vw, 60px);
    line-height: 1.06;
  }
  .lp-page .forusers-test4-page .users-test-page .hero .hero-buttons {
    margin-top: 0;
  }
}


/* The decision section ends with an illustration instead of a static result mockup. */
.lp-page .forusers-test4-page .forusers4-tail #search .discovery-art-panel {
  min-height: 100%;
  margin: 0;
  padding: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: radial-gradient(circle at 50% 45%, #f6f8ff 0%, #fff 66%);
  box-shadow: var(--shadow);
}
.lp-page .forusers-test4-page .forusers4-tail #search .discovery-art-panel img {
  display: block;
  width: 100%;
  max-width: 720px;
  max-height: 560px;
  object-fit: contain;
}
@media (max-width: 760px) {
  .lp-page .forusers-test4-page .forusers4-tail #search .discovery-art-panel { min-height: 330px; padding: 12px; }
}


/* Let the transparent Your Cryptwerk illustration sit directly on the section background. */
.lp-page .forusers4-tail #account .account-visual-frame {
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.lp-page .forusers4-tail #account .account-visual-frame img {
  border-radius: 0 !important;
  box-shadow: none !important;
}



/* Keep the ecosystem surfaces compact after removing their action labels. */
.lp-page .forusers-test4-page .forusers4-tail #ecosystem.section {
  padding-top: 64px;
  padding-bottom: 48px;
}
.lp-page .forusers-test4-page .forusers4-tail #ecosystem .section-intro {
  margin-bottom: 34px;
}
.lp-page .forusers-test4-page .forusers4-tail #ecosystem .ecosystem-journey {
  margin-bottom: 22px;
}
.lp-page .forusers-test4-page .forusers4-tail #ecosystem .surface {
  min-height: 0;
  padding: 28px 28px 30px;
}
.lp-page .forusers-test4-page .forusers4-tail #ecosystem .surface p {
  min-height: 0;
  margin-bottom: 0;
}
@media (max-width: 760px) {
  .lp-page .forusers-test4-page .forusers4-tail #ecosystem.section {
    padding-top: 48px;
    padding-bottom: 38px;
  }
  .lp-page .forusers-test4-page .forusers4-tail #ecosystem .section-intro {
    margin-bottom: 28px;
  }
  .lp-page .forusers-test4-page .forusers4-tail #ecosystem .surface {
    padding: 24px;
  }
}



/* Keep the hero illustration within the same vertical span as the copy. */
@media (min-width: 901px) {
  .lp-page .forusers-test4-page .users-test-page .hero .visual.hero-art-panel {
    min-height: 649px;
    height: 649px;
  }
  .lp-page .forusers-test4-page .users-test-page .hero .hero-image-frame {
    top: 76px;
    right: -8px;
    width: auto;
    height: 604px;
  }
  .lp-page .forusers-test4-page .users-test-page .hero .hero-image-frame img {
    display: block;
    width: auto;
    height: 604px;
    max-width: none;
  }
}



/* Let the artwork follow the actual height of the hero copy at every desktop width. */
@media (min-width: 901px) {
  .lp-page .forusers-test4-page .users-test-page .hero .visual.hero-art-panel {
    min-height: 0;
    height: auto;
    align-self: stretch;
  }
  .lp-page .forusers-test4-page .users-test-page .hero .hero-image-frame {
    top: 46px;
    right: -8px;
    width: auto;
    height: calc(100% - 46px);
  }
  .lp-page .forusers-test4-page .users-test-page .hero .hero-image-frame img {
    width: auto;
    height: 100%;
  }
}



/* The copy now defines the desktop hero height; the artwork fills only that span. */
@media (min-width: 901px) {
  .lp-page .forusers-test4-page .users-test-page .hero {
    min-height: 0;
  }
}



/* Use the complete content width for the "Everything in one place" introduction. */
.lp-page .forusers-test4-page .forusers4-tail #discover .section-intro, .lp-page .forusers-test4-page .forusers4-tail #discover .section-intro > p {
  width: 100%;
  max-width: none;
}



/* Keep the search-decision heading and copy on the complete content width. */
.lp-page .forusers-test4-page .forusers4-tail #search .section-intro, .lp-page .forusers-test4-page .forusers4-tail #search .section-intro > p {
  width: 100%;
  max-width: none;
}



/* Let the lifestyle introduction use the full content width without changing type size. */
.lp-page .forusers-test4-page .forusers4-tail #categories .section-intro, .lp-page .forusers-test4-page .forusers4-tail #categories .section-intro > p {
  width: 100%;
  max-width: none;
}


    /* Keep the final phrase together in the Start exploring heading. */
    .lp-page .forusers-test4-page .forusers4-tail #start .section-intro h2 span {
      white-space: nowrap;
    }


    /* Improve readability of the Your Cryptwerk benefit copy. */
    .lp-page .forusers-test4-page .forusers4-tail #account .account-point b {
      font-size: 18px;
      line-height: 1.35;
    }
    .lp-page .forusers-test4-page .forusers4-tail #account .account-point p {
      font-size: 16px;
      line-height: 1.55;
    }


    /* Compact the final CTA around its actual content. */
    .lp-page .forusers-test4-page .forusers4-tail .final {
      padding-top: 48px;
      padding-bottom: 48px;
    }
    .lp-page .forusers-test4-page .forusers4-tail .final .final-inner {
      min-height: 0;
      padding-top: 0;
      padding-bottom: 0;
    }
    @media (max-width: 900px) {
      .lp-page .forusers-test4-page .forusers4-tail .final {
        padding-top: 34px;
        padding-bottom: 34px;
      }
    }


    /* Compact the confidence section without changing its cards. */
    .lp-page .forusers-test4-page .forusers4-tail #confidence.section {
      padding-top: 52px;
      padding-bottom: 52px;
    }
    .lp-page .forusers-test4-page .forusers4-tail #confidence .section-intro {
      margin-bottom: 32px;
    }
    @media (max-width: 720px) {
      .lp-page .forusers-test4-page .forusers4-tail #confidence.section {
        padding-top: 42px;
        padding-bottom: 42px;
      }
    }


    /* Keep the Your Cryptwerk section close to its content. */
    .lp-page .forusers-test4-page .forusers4-tail #account.section {
      padding-top: 52px;
      padding-bottom: 52px;
    }
    @media (max-width: 720px) {
      .lp-page .forusers-test4-page .forusers4-tail #account.section {
        padding-top: 42px;
        padding-bottom: 42px;
      }
    }



/* Align the first-screen copy with the page content grid and give the stats room to breathe. */
@media (min-width: 901px) {
  .lp-page .forusers-test4-page .users-test-page .hero {
    padding-left: max(28px, calc((100% - 1248px) / 2));
  }

  .lp-page .forusers-test4-page .users-test-page .stats {
    margin-top: 28px;
    margin-bottom: 0;
  }
}



/* Let the ecosystem introduction use the complete content width on desktop. */
@media (min-width: 901px) {
  .lp-page .forusers-test4-page .forusers4-tail #ecosystem .section-intro, .lp-page .forusers-test4-page .forusers4-tail #ecosystem .section-intro > p {
    width: 100%;
    max-width: none;
  }

  .lp-page .forusers-test4-page .forusers4-tail #ecosystem .section-intro > p {
    white-space: nowrap;
  }
}



/* Align the Cryptwerk ecosystem introduction with its content cards. */
.lp-page .forusers-test4-page .forusers4-tail #ecosystem .section-intro {
  margin-left: 0;
  margin-right: 0;
  text-align: left;
}

.lp-page .forusers-test4-page .forusers4-tail #ecosystem .section-intro > p {
  text-align: left;
}



/* Align the confidence introduction with the cards below it. */
.lp-page .forusers-test4-page .forusers4-tail #confidence .section-intro {
  margin-left: 0;
  margin-right: 0;
  text-align: left;
}

.lp-page .forusers-test4-page .forusers4-tail #confidence .section-intro > p {
  text-align: left;
}



/* Align the Start exploring introduction with its steps. */
.lp-page .forusers-test4-page .forusers4-tail #start .section-intro {
  margin-left: 0;
  margin-right: 0;
  text-align: left;
}

.lp-page .forusers-test4-page .forusers4-tail #start .section-intro > p {
  text-align: left;
}



/* Match the hero eyebrow to the section-heading marker system. */
.lp-page .forusers-test4-page .users-test-page .hero .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.lp-page .forusers-test4-page .users-test-page .hero .eyebrow::before {
  content: "";
  width: 20px;
  height: 3px;
  flex: 0 0 20px;
  border-radius: 999px;
  background: currentColor;
}



/* Give the statistics card a calmer separation from the hero actions. */
@media (min-width: 901px) {
  .lp-page .forusers-test4-page .users-test-page .stats {
    margin-top: 44px;
  }
}



/* Give the desktop hero illustration fifteen percent more presence. */
@media (min-width: 901px) {
  .lp-page .forusers-test4-page .users-test-page .hero .hero-image-frame {
    transform: scale(1.15);
    transform-origin: center center;
  }
}



/* Match the statistics bar to the shared content width of the card grid. */
@media (min-width: 901px) {
  .lp-page .forusers-test4-page .users-test-page .stats {
    width: min(1248px, calc(100% - 56px));
  }
}



/* Compact the CMS page heading above this landing page. */
.lp-page main > section.max-w-7xl.mx-auto.px-4.py-16 {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}

.lp-page main > section.max-w-7xl.mx-auto.px-4.py-16 > article.prose > h1:first-child {
  margin: 0 0 24px !important;
  font-size: clamp(34px, 3.6vw, 48px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.035em;
}



/* Keep the Start exploring message on one desktop line and align its supporting copy. */
@media (min-width: 901px) {
  .lp-page .forusers-test4-page .forusers4-tail #start .section-intro, .lp-page .forusers-test4-page .forusers4-tail #start .section-intro h2, .lp-page .forusers-test4-page .forusers4-tail #start .section-intro > p {
    width: 100%;
    max-width: none;
  }

  .lp-page .forusers-test4-page .forusers4-tail #start .section-intro h2 {
    white-space: nowrap;
  }

  .lp-page .forusers-test4-page .forusers4-tail #start .section-intro > p {
    margin-left: 0;
    margin-right: 0;
  }
}



/* Give the confidence description the full content measure and a shared left edge. */
.lp-page .forusers-test4-page .forusers4-tail #confidence .section-intro, .lp-page .forusers-test4-page .forusers4-tail #confidence .section-intro > p {
  width: 100%;
  max-width: none;
}

.lp-page .forusers-test4-page .forusers4-tail #confidence .section-intro > p {
  margin-left: 0;
  margin-right: 0;
  text-align: left;
}



/* Accent the action phrase in the hero headline. */
.lp-page .forusers-test4-page .users-test-page .hero h1 > span {
  color: #3f5ed6;
}



/* Tighten the system page heading and its transition into the landing hero. */
.lp-page main > section.max-w-7xl.mx-auto.px-4.py-16 > article.prose > h1:first-child {
  margin-bottom: 12px !important;
  font-size: clamp(26px, 2.7vw, 36px) !important;
}

@media (min-width: 901px) {
  .lp-page .forusers-test4-page .users-test-page .hero {
    padding-top: 24px;
  }
}



/* Add ten percent to the current desktop hero illustration scale. */
@media (min-width: 901px) {
  .lp-page .forusers-test4-page .users-test-page .hero .hero-image-frame {
    transform: scale(1.265);
  }
}



/* Use one shared icon-and-copy grid for every mobile statistic. */
@media (max-width: 900px) {
  .lp-page .forusers-test4-page .users-test-page .stats article {
    display: grid;
    grid-template-columns: 64px 112px;
    justify-content: center;
    align-items: center;
    gap: 15px;
  }

  .lp-page .forusers-test4-page .users-test-page .stats article > span {
    align-items: flex-start;
    text-align: left;
  }
}



/* A visual bridge between lifestyle discovery and its categories. */
.lp-page .forusers-test4-page .forusers4-tail #categories .lifestyle-journey {
  width: min(100%, 1248px);
  margin: 24px auto 38px;
  padding: 0;
}

.lp-page .forusers-test4-page .forusers4-tail #categories .lifestyle-journey img {
  display: block;
  width: 100%;
  height: auto;
}

@media (max-width: 720px) {
  .lp-page .forusers-test4-page .forusers4-tail #categories .lifestyle-journey {
    margin: 18px auto 28px;
  }
}



/* Make the ecosystem icons more compact and tighten their relationship to the copy. */
.lp-page .forusers-test4-page .forusers4-tail #ecosystem .surface .surface-art.surface-icon {
  width: 59px !important;
  height: 59px !important;
  margin: 2px 0 10px !important;
  border-radius: 16px !important;
}

.lp-page .forusers-test4-page .forusers4-tail #ecosystem .surface .surface-art.surface-icon svg {
  width: 32px !important;
  height: 32px !important;
}



/* Compact the three decision steps for a calm, mobile-first rhythm. */
@media (max-width: 680px) {
  .lp-page .forusers-test4-page .forusers4-tail #start .steps {
    gap: 16px;
  }

  .lp-page .forusers-test4-page .forusers4-tail #start .step {
    min-height: 0;
    padding: 20px 20px 21px;
  }

  .lp-page .forusers-test4-page .forusers4-tail #start .step .step-no {
    margin-bottom: 7px;
  }

  .lp-page .forusers-test4-page .forusers4-tail #start .step .step-icon.step-svg {
    width: 60px;
    height: 60px;
    margin-bottom: 14px;
    border-radius: 17px;
  }

  .lp-page .forusers-test4-page .forusers4-tail #start .step .step-icon.step-svg svg {
    width: 33px;
    height: 33px;
  }

  .lp-page .forusers-test4-page .forusers4-tail #start .step h3 {
    margin-bottom: 8px;
  }
}



/* Compact numbered step cards: numbers are part of the heading, with tighter visual rhythm. */
.lp-page .forusers-test4-page .forusers4-tail #start .step {
  min-height: 278px;
  padding: 22px 28px 20px;
}
.lp-page .forusers-test4-page .forusers4-tail #start .step .step-no { display: none !important; }
.lp-page .forusers-test4-page .forusers4-tail #start .step .step-icon.step-svg {
  width: 65px;
  height: 65px;
  margin: 0 auto 16px;
  border-radius: 18px;
}
.lp-page .forusers-test4-page .forusers4-tail #start .step .step-icon.step-svg svg {
  width: 50px;
  height: 50px;
  stroke-width: 2.2;
}
.lp-page .forusers-test4-page .forusers4-tail #start .step h3 {
  margin: 0 0 9px;
}
.lp-page .forusers-test4-page .forusers4-tail #start .step .step-title-no {
  color: #3659d8;
  font-weight: inherit;
}
.lp-page .forusers-test4-page .forusers4-tail #start .step p { margin: 0 auto; }
@media (max-width: 680px) {
  .lp-page .forusers-test4-page .forusers4-tail #start .step {
    min-height: 0;
    padding: 16px 19px 17px;
  }
  .lp-page .forusers-test4-page .forusers4-tail #start .step .step-icon.step-svg {
    width: 45px;
    height: 45px;
    margin-bottom: 11px;
    border-radius: 14px;
  }
  .lp-page .forusers-test4-page .forusers4-tail #start .step .step-icon.step-svg svg {
    width: 36px;
    height: 36px;
  }
  .lp-page .forusers-test4-page .forusers4-tail #start .step h3 { margin-bottom: 7px; }
}



/* Tighter discovery cards: smaller icons and less empty space below their copy. */
.lp-page .forusers-test4-page .forusers4-tail #discover .feature {
  min-height: 0;
  padding: 26px 26px 17px;
}
.lp-page .forusers-test4-page .forusers4-tail #discover .feature .icon.feature-svg {
  width: 60px;
  height: 60px;
  margin-bottom: 20px;
  border-radius: 16px;
}
.lp-page .forusers-test4-page .forusers4-tail #discover .feature .icon.feature-svg svg {
  width: 31px;
  height: 31px;
}
.lp-page .forusers-test4-page .forusers4-tail #discover .feature p { margin-bottom: 0; }
@media (max-width: 680px) {
  .lp-page .forusers-test4-page .forusers4-tail #discover .feature { padding: 20px 20px 14px; }
  .lp-page .forusers-test4-page .forusers4-tail #discover .feature .icon.feature-svg {
    width: 54px;
    height: 54px;
    margin-bottom: 16px;
    border-radius: 15px;
  }
  .lp-page .forusers-test4-page .forusers4-tail #discover .feature .icon.feature-svg svg {
    width: 28px;
    height: 28px;
  }
}


/* Confidence cards: scale the three visual icons down by 25% while preserving the existing artwork. */
.lp-page .forusers-test4-page .forusers4-tail #confidence .trust-card .mini-icon.trust-icon {
  width: 75px;
  height: 75px;
  border-radius: 19px;
}
.lp-page .forusers-test4-page .forusers4-tail #confidence .trust-card .mini-icon.trust-icon svg {
  width: 41px;
  height: 41px;
}
@media (max-width: 680px) {
  .lp-page .forusers-test4-page .forusers4-tail #confidence .trust-card .mini-icon.trust-icon {
    width: 62px;
    height: 62px;
    border-radius: 17px;
  }
  .lp-page .forusers-test4-page .forusers4-tail #confidence .trust-card .mini-icon.trust-icon svg {
    width: 34px;
    height: 34px;
  }
}

/* Remove the unused lower space from the three start-step cards. */
.lp-page .forusers-test4-page .forusers4-tail #start .step {
  min-height: 0;
  padding-bottom: 14px;
}
@media (max-width: 680px) {
  .lp-page .forusers-test4-page .forusers4-tail #start .step {
    min-height: 0;
    padding-bottom: 12px;
  }
}


/* Crop only the unused lower canvas area in the search illustration and compact both cards. */
.lp-page .forusers-test4-page .forusers4-tail #search .discovery-art-panel {
  min-height: 0;
}
.lp-page .forusers-test4-page .forusers4-tail #search .discovery-art-panel img {
  margin-bottom: -48px;
}
.lp-page .forusers-test4-page .forusers4-tail #search .filter-panel {
  padding-bottom: 16px;
}
@media (max-width: 760px) {
  .lp-page .forusers-test4-page .forusers4-tail #search .discovery-art-panel img {
    margin-bottom: -28px;
  }
  .lp-page .forusers-test4-page .forusers4-tail #search .filter-panel {
    padding-bottom: 14px;
  }
}



/* The account card ends with the three benefits; remove its former CTA gap. */
.lp-page .forusers-test4-page .forusers4-tail #account .account-points {
  margin-bottom: 0;
}
.lp-page .forusers-test4-page .forusers4-tail #account.section {
  padding-bottom: 28px;
}
@media (max-width: 720px) {
  .lp-page .forusers-test4-page .forusers4-tail #account.section {
    padding-bottom: 24px;
  }
}



/* Keep the lifestyle visual close to its introduction and category cards. */
.lp-page .forusers-test4-page .forusers4-tail #categories .lifestyle-journey {
  margin: 8px auto 12px;
}
@media (max-width: 720px) {
  .lp-page .forusers-test4-page .forusers4-tail #categories .lifestyle-journey {
    margin: 6px auto 10px;
  }
}



    /* Visual bridge between confidence and the three-step exploration flow. */
    .lp-page .forusers-test4-page .forusers4-tail .start-exploration-connector {
      width: min(885px, 100%);
      margin: 10px auto 26px;
      padding: 0 8px;
    }
    .lp-page .forusers-test4-page .forusers4-tail .start-exploration-connector img {
      display: block;
      width: 100%;
      height: auto;
      margin: 0 auto;
    }
    @media (max-width: 720px) {
      .lp-page .forusers-test4-page .forusers4-tail .start-exploration-connector {
        width: 100%;
        margin: 2px auto 18px;
        padding: 0;
      }
    }



    /* mobile-ecosystem-card-rows: use content-height rows instead of tall stacked cards. */
    @media (max-width: 680px) {
      .lp-page .forusers-test4-page .forusers4-tail #ecosystem .surfaces {
        grid-template-columns: 1fr;
        border-radius: 14px;
      }
      .lp-page .forusers-test4-page .forusers4-tail #ecosystem .surface {
        display: grid;
        grid-template-columns: 50px minmax(0, 1fr);
        column-gap: 16px;
        align-items: center;
        min-height: 0;
        padding: 18px 22px;
        border-right: 0;
        border-bottom: 1px solid var(--line);
      }
      .lp-page .forusers-test4-page .forusers4-tail #ecosystem .surface:last-child {
        border-bottom: 0;
      }
      .lp-page .forusers-test4-page .forusers4-tail #ecosystem .surface .surface-art {
        grid-row: 1 / span 2;
        width: 50px;
        height: 50px;
        margin: 0;
      }
      .lp-page .forusers-test4-page .forusers4-tail #ecosystem .surface h3 {
        grid-column: 2;
        margin: 0 0 4px;
        font-size: 20px;
        line-height: 1.2;
      }
      .lp-page .forusers-test4-page .forusers4-tail #ecosystem .surface p {
        grid-column: 2;
        min-height: 0;
        margin: 0;
        font-size: 15px;
        line-height: 1.45;
      }
    }



    /* forusers-test5-dark-theme-transparency: neutral white surfaces inherit the site's dark canvas. */
    .dark .lp-page .forusers-test4-page .users-test-page, .dark .lp-page .forusers-test4-page .forusers4-tail, .dark .lp-page .forusers-test4-page .users-test-page .hero, .dark .lp-page .forusers-test4-page .forusers4-tail .section, .dark .lp-page .forusers-test4-page .forusers4-tail .soft {
      background: transparent;
      color: #cbd5e1;
    }
    .dark .lp-page .forusers-test4-page .users-test-page .hero {
      border-color: rgba(148, 163, 184, .28);
    }
    .dark .lp-page .forusers-test4-page .users-test-page .hero:before {
      opacity: .16;
    }
    .dark .lp-page .forusers-test4-page .users-test-page .stats, .dark .lp-page .forusers-test4-page .forusers4-tail .surfaces, .dark .lp-page .forusers-test4-page .forusers4-tail .surface, .dark .lp-page .forusers-test4-page .forusers4-tail .filter-panel, .dark .lp-page .forusers-test4-page .forusers4-tail .directory-panel, .dark .lp-page .forusers-test4-page .forusers4-tail .category, .dark .lp-page .forusers-test4-page .forusers4-tail .trust-card, .dark .lp-page .forusers-test4-page .forusers4-tail .account-visual, .dark .lp-page .forusers-test4-page .forusers4-tail .dashboard {
      background: transparent;
      border-color: rgba(148, 163, 184, .32);
      box-shadow: none;
    }
    .dark .lp-page .forusers-test4-page .users-test-page h1, .dark .lp-page .forusers-test4-page .users-test-page h2, .dark .lp-page .forusers-test4-page .users-test-page h3, .dark .lp-page .forusers-test4-page .forusers4-tail h1, .dark .lp-page .forusers-test4-page .forusers4-tail h2, .dark .lp-page .forusers-test4-page .forusers4-tail h3 {
      color: #f8fafc;
    }
    .dark .lp-page .forusers-test4-page .users-test-page p, .dark .lp-page .forusers-test4-page .users-test-page .lead, .dark .lp-page .forusers-test4-page .users-test-page small, .dark .lp-page .forusers-test4-page .forusers4-tail p, .dark .lp-page .forusers-test4-page .forusers4-tail .section-intro p, .dark .lp-page .forusers-test4-page .forusers4-tail .surface p, .dark .lp-page .forusers-test4-page .forusers4-tail .category p {
      color: #cbd5e1;
    }
    .dark .lp-page .forusers-test4-page .users-test-page .stats b {
      color: #f8fafc;
    }
    .dark .lp-page .forusers-test4-page .users-test-page .stats article:not(:last-child):after, .dark .lp-page .forusers-test4-page .forusers4-tail .surface, .dark .lp-page .forusers-test4-page .forusers4-tail .surface:not(:last-child), .dark .lp-page .forusers-test4-page .forusers4-tail .category, .dark .lp-page .forusers-test4-page .forusers4-tail .filter-group, .dark .lp-page .forusers-test4-page .forusers4-tail .account-point {
      border-color: rgba(148, 163, 184, .26);
    }
    .dark .lp-page .forusers-test4-page .users-test-page .btn:not(.primary), .dark .lp-page .forusers-test4-page .forusers4-tail .btn:not(.primary) {
      background: transparent;
      border-color: #637df0;
      color: #a8b8ff;
    }


/* forusers-test5: hero visual button-radius */
.lp-page .forusers-test4-page .users-test-page .hero .hero-image-frame {
  overflow: hidden;
  border-radius: 7px;
}
.lp-page .forusers-test4-page .users-test-page .hero .hero-image-frame img {
  border-radius: 7px;
}

/* forusers-test5: complete hero image corners */
.lp-page .forusers-test4-page .users-test-page .hero .hero-image-frame {
  overflow: hidden !important;
  isolation: isolate;
  border-radius: 24px !important;
  clip-path: inset(0 round 24px);
}
.lp-page .forusers-test4-page .users-test-page .hero .hero-image-frame img {
  display: block;
  border-radius: 24px !important;
}
.lp-page .forusers-test4-page, .lp-page .forusers-test4-page *, .lp-page .users-test-page, .lp-page .users-test-page *, .lp-page .forusers4-tail, .lp-page .forusers4-tail *{font-family:"Fira Sans","Segoe UI",Arial,sans-serif!important}