{} *{} 
     


      #IE-warning {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: white;
      }
      .IE-warning-message {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
      }
    


        
        .global-style-nK2AH4UiC {
          cursor: pointer;text-decoration-line: none;text-decoration-style: solid;text-decoration-color: initial;
      }
        
        @media (max-width: 639px) {
          
        .global-style-nK2AH4UiC {
          font-size: 24px;color: rgb(255, 255, 255);text-align: center;border-top-left-radius: 8px;border-top-right-radius: 8px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;margin-top: 30px;padding-left: 50px;padding-right: 50px;padding-top: 19px;padding-bottom: 19px;align-items: center;display: inline-flex;cursor: pointer;text-decoration-line: none;text-decoration-style: solid;text-decoration-color: initial;
      }
        }
        @media (max-width: 767px) and (min-width: 640px) {
          
        .global-style-nK2AH4UiC {
          font-size: 24px;color: rgb(255, 255, 255);text-align: center;border-top-left-radius: 8px;border-top-right-radius: 8px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;margin-top: 30px;padding-left: 50px;padding-right: 50px;padding-top: 19px;padding-bottom: 19px;align-items: center;display: inline-flex;cursor: pointer;text-decoration-line: none;text-decoration-style: solid;text-decoration-color: initial;
      }
        }
        @media (max-width: 991px) and (min-width: 768px) {
          
        .global-style-nK2AH4UiC {
          font-size: 24px;color: rgb(255, 255, 255);text-align: center;border-top-left-radius: 8px;border-top-right-radius: 8px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;margin-top: 30px;padding-left: 50px;padding-right: 50px;padding-top: 19px;padding-bottom: 19px;align-items: center;display: inline-flex;cursor: pointer;text-decoration-line: none;text-decoration-style: solid;text-decoration-color: initial;
      }
        }
        @media (max-width: 1199px) and (min-width: 992px) {
          
        .global-style-nK2AH4UiC {
          font-size: 24px;color: rgb(255, 255, 255);text-align: center;border-top-left-radius: 8px;border-top-right-radius: 8px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;margin-top: 30px;padding-left: 50px;padding-right: 50px;padding-top: 19px;padding-bottom: 19px;align-items: center;display: inline-flex;cursor: pointer;text-decoration-line: none;text-decoration-style: solid;text-decoration-color: initial;
      }
        }
        @media (min-width: 1200px) {
          
        .global-style-nK2AH4UiC {
          font-size: 24px;color: rgb(255, 255, 255);text-align: center;border-top-left-radius: 8px;border-top-right-radius: 8px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;margin-top: 30px;padding-left: 50px;padding-right: 50px;padding-top: 19px;padding-bottom: 19px;align-items: center;display: inline-flex;cursor: pointer;text-decoration-line: none;text-decoration-style: solid;text-decoration-color: initial;
      }
        }
        
        .global-style-nK2AH4UiC:not([data-gp-component="block"]), .global-style-nK2AH4UiC [data-section-overlay] {
          background-color: transparent;
      }
        
        @media (max-width: 639px) {
          
        .global-style-nK2AH4UiC:not([data-gp-component="block"]), .global-style-nK2AH4UiC [data-section-overlay] {
          background-color: rgb(240, 149, 88);
      }
        .global-style-nK2AH4UiC:not([data-gp-component="block"]):hover,.global-style-nK2AH4UiC:not([data-gp-component="block"]).gp-hover, .global-style-nK2AH4UiC [data-section-overlay]:hover, .global-style-nK2AH4UiC [data-section-overlay].gp-hover {
          background-color: rgb(89, 198, 152);
      }
        .global-style-nK2AH4UiC:not([data-gp-component="block"]):active,.global-style-nK2AH4UiC:not([data-gp-component="block"]).gp-active, .global-style-nK2AH4UiC [data-section-overlay]:active, .global-style-nK2AH4UiC [data-section-overlay].gp-active {
          background-color: rgb(32, 45, 60);
      }
        }
        @media (max-width: 767px) and (min-width: 640px) {
          
        .global-style-nK2AH4UiC:not([data-gp-component="block"]), .global-style-nK2AH4UiC [data-section-overlay] {
          background-color: rgb(240, 149, 88);
      }
        .global-style-nK2AH4UiC:not([data-gp-component="block"]):hover,.global-style-nK2AH4UiC:not([data-gp-component="block"]).gp-hover, .global-style-nK2AH4UiC [data-section-overlay]:hover, .global-style-nK2AH4UiC [data-section-overlay].gp-hover {
          background-color: rgb(89, 198, 152);
      }
        .global-style-nK2AH4UiC:not([data-gp-component="block"]):active,.global-style-nK2AH4UiC:not([data-gp-component="block"]).gp-active, .global-style-nK2AH4UiC [data-section-overlay]:active, .global-style-nK2AH4UiC [data-section-overlay].gp-active {
          background-color: rgb(32, 45, 60);
      }
        }
        @media (max-width: 991px) and (min-width: 768px) {
          
        .global-style-nK2AH4UiC:not([data-gp-component="block"]), .global-style-nK2AH4UiC [data-section-overlay] {
          background-color: rgb(240, 149, 88);
      }
        .global-style-nK2AH4UiC:not([data-gp-component="block"]):hover,.global-style-nK2AH4UiC:not([data-gp-component="block"]).gp-hover, .global-style-nK2AH4UiC [data-section-overlay]:hover, .global-style-nK2AH4UiC [data-section-overlay].gp-hover {
          background-color: rgb(89, 198, 152);
      }
        .global-style-nK2AH4UiC:not([data-gp-component="block"]):active,.global-style-nK2AH4UiC:not([data-gp-component="block"]).gp-active, .global-style-nK2AH4UiC [data-section-overlay]:active, .global-style-nK2AH4UiC [data-section-overlay].gp-active {
          background-color: rgb(32, 45, 60);
      }
        }
        @media (max-width: 1199px) and (min-width: 992px) {
          
        .global-style-nK2AH4UiC:not([data-gp-component="block"]), .global-style-nK2AH4UiC [data-section-overlay] {
          background-color: rgb(240, 149, 88);
      }
        .global-style-nK2AH4UiC:not([data-gp-component="block"]):hover,.global-style-nK2AH4UiC:not([data-gp-component="block"]).gp-hover, .global-style-nK2AH4UiC [data-section-overlay]:hover, .global-style-nK2AH4UiC [data-section-overlay].gp-hover {
          background-color: rgb(89, 198, 152);
      }
        .global-style-nK2AH4UiC:not([data-gp-component="block"]):active,.global-style-nK2AH4UiC:not([data-gp-component="block"]).gp-active, .global-style-nK2AH4UiC [data-section-overlay]:active, .global-style-nK2AH4UiC [data-section-overlay].gp-active {
          background-color: rgb(32, 45, 60);
      }
        }
        @media (min-width: 1200px) {
          
        .global-style-nK2AH4UiC:not([data-gp-component="block"]), .global-style-nK2AH4UiC [data-section-overlay] {
          background-color: rgb(240, 149, 88);
      }
        .global-style-nK2AH4UiC:not([data-gp-component="block"]):hover,.global-style-nK2AH4UiC:not([data-gp-component="block"]).gp-hover, .global-style-nK2AH4UiC [data-section-overlay]:hover, .global-style-nK2AH4UiC [data-section-overlay].gp-hover {
          background-color: rgb(89, 198, 152);
      }
        .global-style-nK2AH4UiC:not([data-gp-component="block"]):active,.global-style-nK2AH4UiC:not([data-gp-component="block"]).gp-active, .global-style-nK2AH4UiC [data-section-overlay]:active, .global-style-nK2AH4UiC [data-section-overlay].gp-active {
          background-color: rgb(32, 45, 60);
      }
        }

 :root{ --purple-950:#1B0B33; --purple-900:#2A1152; --purple-700:#5B2A9E; --purple-600:#6F35BE; --purple-500:#8449D6; --purple-100:#EFE6FA; --green-600:#1FA24B; --green-500:#2ECC5F; --green-400:#5FE085; --ink:#1B1027; --ink-soft:#4B3F5E; --paper:#FDFBFF; --paper-2:#F4EEFC; --line:#E4D9F5; --white:#FFFFFF; --amber:#F5A623; --radius:18px; --shadow-sm:0 2px 10px rgba(43,17,82,0.08); --shadow-md:0 12px 32px rgba(43,17,82,0.14); --shadow-lg:0 24px 60px rgba(27,11,51,0.28); --font-display:'Space Grotesk',sans-serif; --font-body:'Inter',sans-serif; --font-mono:'JetBrains Mono',monospace; } *{box-sizing:border-box;} html{scroll-behavior:smooth;} body{ margin:0; font-family:var(--font-body); color:var(--ink); background:var(--paper); -webkit-font-smoothing:antialiased; overflow-x:hidden; } img{max-width:100%;display:block;} a{color:inherit;} .container{max-width:1140px;margin:0 auto;padding:0 24px;} h1,h2,h3,h4{font-family:var(--font-display);margin:0;letter-spacing:-0.01em;color:var(--purple-950);} p{line-height:1.65;color:var(--ink-soft);margin:0;} .eyebrow{ font-family:var(--font-mono); font-size:12.5px; font-weight:600; letter-spacing:0.14em; text-transform:uppercase; color:var(--purple-700); display:inline-flex; align-items:center; gap:8px; } .eyebrow::before{content:"";width:7px;height:7px;border-radius:2px;background:var(--green-500);display:inline-block;} section{padding:88px 0;position:relative;} @media(max-width:720px){section{padding:56px 0;}} .btn{ display:inline-flex;align-items:center;justify-content:center;gap:8px; font-family:var(--font-body);font-weight:700;font-size:15.5px; padding:16px 28px;border-radius:100px;border:none;cursor:pointer; text-decoration:none;transition:transform .18s ease, box-shadow .18s ease, background .18s ease; white-space:nowrap; } .btn:active{transform:scale(0.97);} .btn-primary{background:var(--green-500);color:var(--purple-950);box-shadow:0 10px 24px rgba(46,204,95,0.35);} .btn-primary:hover{background:var(--green-400);box-shadow:0 14px 30px rgba(46,204,95,0.45);} .btn-ghost{background:rgba(255,255,255,0.08);color:var(--white);border:1.5px solid rgba(255,255,255,0.35);} .btn-ghost:hover{background:rgba(255,255,255,0.18);} .btn-outline{background:transparent;color:var(--purple-700);border:1.5px solid var(--purple-500);} .btn-outline:hover{background:var(--purple-100);} .btn-block{width:100%;} .btn[disabled]{opacity:0.5;cursor:not-allowed;} /* NAV */ #nav{ position:sticky;top:0;z-index:500; background:rgba(253,251,255,0.85);backdrop-filter:blur(10px); border-bottom:1px solid var(--line); } #nav .wrap{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;max-width:1140px;margin:0 auto;} #nav .brand{display:flex;align-items:center;gap:10px;} #nav .brand img{height:30px;width:auto;} #nav .navlinks{display:flex;gap:26px;font-size:14.5px;font-weight:600;color:var(--ink-soft);} #nav .navlinks a:hover{color:var(--purple-700);} @media(max-width:820px){#nav .navlinks{display:none;}} #nav .navcta .btn{padding:11px 20px;font-size:14px;} /* referral banner */ #ref-banner{ display:none; background:linear-gradient(90deg,var(--purple-700),var(--purple-600)); color:#fff;font-family:var(--font-mono);font-size:13px;text-align:center; padding:9px 16px;letter-spacing:0.02em; } #ref-banner strong{color:var(--green-400);} /* HERO */ #hero{ background:radial-gradient(120% 100% at 15% 0%, #3A1970 0%, var(--purple-950) 55%, #150725 100%); color:#fff;padding:76px 0 100px;overflow:hidden;position:relative; } #hero::after{ content:"";position:absolute;right:-180px;top:-120px;width:520px;height:520px;border-radius:50%; background:radial-gradient(circle,rgba(46,204,95,0.28),transparent 70%);pointer-events:none; } .hero-grid{display:grid;grid-template-columns:1.05fr 0.95fr;gap:56px;align-items:center;} @media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:40px;}} .hero-copy .eyebrow{color:var(--green-400);} .hero-copy .eyebrow::before{background:var(--green-400);} #hero h1{font-size:44px;line-height:1.12;margin:18px 0 22px;color:#fff;} #hero h1 em{font-style:normal;color:var(--green-400);} @media(max-width:640px){#hero h1{font-size:31px;}} #hero .sub{color:#D9CCF0;font-size:17px;max-width:520px;margin-bottom:32px;} .hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:28px;} .hero-microtrust{display:flex;gap:22px;flex-wrap:wrap;font-size:13px;color:#B9A6DB;font-family:var(--font-mono);} .hero-microtrust span{display:flex;align-items:center;gap:6px;} .hero-microtrust b{color:#fff;} /* dashboard signature widget */ .dash{ background:linear-gradient(160deg,#241049,#170A2C); border:1px solid rgba(255,255,255,0.12); border-radius:22px;padding:22px;box-shadow:var(--shadow-lg); position:relative; } .dash-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;} .dash-top .dot{width:8px;height:8px;border-radius:50%;background:var(--green-400);box-shadow:0 0 0 4px rgba(46,204,95,0.18);animation:pulse 1.8s infinite;} @keyframes pulse{0%,100%{opacity:1;}50%{opacity:0.4;}} .dash-title{font-family:var(--font-mono);font-size:12px;letter-spacing:0.08em;color:#B9A6DB;text-transform:uppercase;display:flex;align-items:center;gap:8px;} .dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;} .dash-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);border-radius:14px;padding:13px 14px;} .dash-card .lbl{font-family:var(--font-mono);font-size:11px;color:#9E8AC2;text-transform:uppercase;letter-spacing:0.06em;} .dash-card .val{font-family:var(--font-mono);font-size:22px;font-weight:700;color:#fff;margin-top:4px;} .dash-card .delta{font-family:var(--font-mono);font-size:11.5px;color:var(--green-400);margin-top:2px;} .dash-bars{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);border-radius:14px;padding:14px 16px;} .dash-bars .lbl{font-family:var(--font-mono);font-size:11px;color:#9E8AC2;text-transform:uppercase;letter-spacing:0.06em;margin-bottom:10px;} .bar-row{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-family:var(--font-mono);font-size:11.5px;color:#D9CCF0;} .bar-row .track{flex:1;height:7px;background:rgba(255,255,255,0.08);border-radius:6px;overflow:hidden;} .bar-row .fill{height:100%;border-radius:6px;background:linear-gradient(90deg,var(--purple-500),var(--green-500));width:0%;transition:width 1.4s cubic-bezier(.2,.7,.2,1);} .dash-caption{font-size:12px;color:#8A76AE;margin-top:12px;font-family:var(--font-mono);} /* pain points */ .pain-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px;} @media(max-width:980px){.pain-grid{grid-template-columns:repeat(2,1fr);}} @media(max-width:560px){.pain-grid{grid-template-columns:1fr;}} .pain-card{ background:var(--white);border:1px solid var(--line);border-radius:var(--radius); padding:22px 20px;box-shadow:var(--shadow-sm); } .pain-card .num{font-family:var(--font-mono);color:var(--purple-500);font-weight:700;font-size:13px;} .pain-card h4{font-size:16.5px;margin:10px 0 8px;} .pain-card p{font-size:14px;} .section-head{max-width:680px;margin-bottom:8px;} .section-head h2{font-size:32px;margin:14px 0 14px;} .section-head p.lead{font-size:16.5px;color:var(--ink-soft);} @media(max-width:640px){.section-head h2{font-size:26px;}} .center{text-align:center;margin-left:auto;margin-right:auto;} /* realization / hook boxes */ .quote-block{ background:var(--purple-100);border-left:4px solid var(--purple-600); border-radius:0 16px 16px 0;padding:26px 28px;font-size:19px;color:var(--purple-950); font-family:var(--font-display);font-weight:500;line-height:1.5; } .what-if-list{display:grid;gap:14px;margin-top:36px;} .what-if{ display:flex;gap:16px;align-items:flex-start;background:var(--white); border:1px solid var(--line);border-radius:14px;padding:18px 20px;box-shadow:var(--shadow-sm); } .what-if .tag{font-family:var(--font-mono);font-size:12px;color:var(--green-600);font-weight:700;flex:0 0 auto;padding-top:2px;} .what-if p{color:var(--ink);font-size:15.5px;} /* transformation */ #transform{background:var(--purple-950);color:#fff;} #transform .section-head h2, #transform .section-head p{color:#fff;} #transform .section-head p{color:#C9B7E8;} #transform .eyebrow{color:var(--green-400);}#transform .eyebrow::before{background:var(--green-400);} .tf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:44px;border:1px solid rgba(255,255,255,0.14);border-radius:20px;overflow:hidden;} .tf-row{display:contents;} .tf-cell{padding:20px 22px;border-bottom:1px solid rgba(255,255,255,0.1);font-size:14.5px;} .tf-head{background:rgba(255,255,255,0.06);font-family:var(--font-mono);font-size:12px;letter-spacing:0.08em;text-transform:uppercase;color:#B9A6DB;font-weight:700;} .tf-old{color:#C9B7E8;border-right:1px solid rgba(255,255,255,0.1);} .tf-arrow{display:flex;align-items:center;justify-content:center;color:var(--green-400);font-family:var(--font-mono);border-right:1px solid rgba(255,255,255,0.1);} .tf-new{color:#fff;font-weight:600;} @media(max-width:760px){ .tf-grid{grid-template-columns:1fr;} .tf-arrow{justify-content:flex-start;padding:4px 22px;} } /* engines */ .engine-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:44px;} @media(max-width:760px){.engine-grid{grid-template-columns:1fr;}} .engine-card{ background:var(--white);border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:var(--shadow-sm); position:relative;overflow:hidden; } .engine-card .idx{ font-family:var(--font-mono);font-size:44px;font-weight:700;color:var(--purple-100); position:absolute;right:20px;top:8px;line-height:1; } .engine-card h3{font-size:20px;margin-bottom:4px;} .engine-card .kicker{font-family:var(--font-mono);font-size:12px;color:var(--green-600);font-weight:700;letter-spacing:0.05em;} .engine-card ul{margin:14px 0 0;padding-left:18px;color:var(--ink-soft);font-size:14.5px;line-height:1.7;} /* duplication ladder */ .ladder{display:flex;flex-direction:column;gap:0;margin-top:44px;max-width:640px;margin-left:auto;margin-right:auto;} .ladder-step{display:flex;gap:18px;align-items:flex-start;padding:16px 0;position:relative;} .ladder-step::before{ content:"";position:absolute;left:19px;top:44px;bottom:-6px;width:2px;background:var(--line); } .ladder-step:last-child::before{display:none;} .ladder-num{ flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:var(--purple-700);color:#fff; display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:700;font-size:14px;z-index:1; } .ladder-step.final .ladder-num{background:var(--green-500);color:var(--purple-950);} .ladder-body h4{font-size:16px;margin-bottom:3px;} .ladder-body p{font-size:14px;} /* comparison table */ .cmp-table{width:100%;border-collapse:collapse;margin-top:40px;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm);} .cmp-table th,.cmp-table td{padding:14px 18px;text-align:left;font-size:14.5px;border-bottom:1px solid var(--line);} .cmp-table th{background:var(--purple-950);color:#fff;font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:0.06em;} .cmp-table td:first-child{color:var(--ink-soft);} .cmp-table td:last-child{color:var(--purple-950);font-weight:600;background:var(--purple-100);} .cmp-table tr:last-child td{border-bottom:none;} .cmp-table-wrap{overflow-x:auto;} /* leverage two-col */ .lev-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:44px;} @media(max-width:760px){.lev-grid{grid-template-columns:1fr;}} .lev-card{background:var(--paper-2);border-radius:22px;padding:30px;border:1px solid var(--line);} .lev-card h3{font-size:19px;margin-bottom:14px;} .timeline-item{display:flex;gap:14px;font-size:14px;margin-bottom:10px;align-items:baseline;} .timeline-item .t{font-family:var(--font-mono);color:var(--purple-600);font-weight:700;flex:0 0 46px;} .city-pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px;} .city-pill{background:#fff;border:1px solid var(--line);border-radius:100px;padding:6px 14px;font-size:13px;color:var(--purple-700);font-weight:600;} /* trust callout */ .callout{ background:linear-gradient(135deg,#FFF7E8,#FFF1D6);border:1px solid #F3D9A0;border-radius:20px; padding:28px 30px;margin-top:44px; } .callout h3{font-size:18px;color:#7A4E00;margin-bottom:10px;} .callout p{color:#8A6412;font-size:14.5px;} .callout ul{margin:12px 0 0;padding-left:20px;color:#8A6412;font-size:14px;line-height:1.8;} /* product/why section */ #why{background:var(--paper-2);} .why-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:40px;margin-top:44px;align-items:start;} @media(max-width:900px){.why-grid{grid-template-columns:1fr;}} .positioning{display:flex;flex-direction:column;gap:10px;margin:20px 0 26px;} .positioning .no{color:var(--ink-soft);font-size:14.5px;text-decoration:line-through;text-decoration-color:#C9B4E8;} .positioning .yes{font-family:var(--font-display);font-size:20px;font-weight:600;color:var(--purple-950);} .price-table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm);} .price-table th,.price-table td{padding:12px 16px;font-size:13.5px;text-align:left;border-bottom:1px solid var(--line);} .price-table th{background:var(--purple-700);color:#fff;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;} .price-table tr:last-child td{border-bottom:none;} .price-table td:last-child{text-align:right;font-family:var(--font-mono);color:var(--purple-700);font-weight:600;} .bonus-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;} .bonus-tag{background:var(--purple-700);color:#fff;font-size:12.5px;font-weight:600;padding:7px 13px;border-radius:100px;} .income-note{font-size:12.5px;color:var(--ink-soft);margin-top:14px;padding:12px 14px;background:#FFF7E8;border-radius:10px;border:1px solid #F3D9A0;} /* advantage */ .adv-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:36px;} @media(max-width:760px){.adv-list{grid-template-columns:repeat(2,1fr);}} @media(max-width:480px){.adv-list{grid-template-columns:1fr;}} .adv-item{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;font-size:14px;font-weight:600;color:var(--purple-950);box-shadow:var(--shadow-sm);} /* future pacing */ #pacing{background:radial-gradient(120% 100% at 85% 0%,#3A1970 0%,var(--purple-950) 60%,#130620 100%);color:#fff;} #pacing .section-head h2, #pacing .section-head p{color:#fff;} #pacing .section-head p{color:#C9B7E8;} .pacing-copy{max-width:700px;margin:0 auto 40px;font-size:17px;color:#E4D9F5;line-height:1.9;text-align:center;} .pacing-copy strong{color:var(--green-400);} .metric-chips{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;} .metric-chip{ font-family:var(--font-mono);font-size:13px;background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.15);color:#D9CCF0;padding:10px 16px;border-radius:100px; } /* old/new job */ .job-list{display:grid;gap:18px;margin-top:40px;} .job-item{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px 26px;box-shadow:var(--shadow-sm);} .job-item .from{color:var(--ink-soft);font-size:14.5px;text-decoration:line-through;text-decoration-color:#D8C4F0;} .job-item .to{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--purple-950);margin-top:6px;} .job-item .to::before{content:"→ ";color:var(--green-600);} /* scorecard */ #scorecard{background:var(--purple-950);color:#fff;} #scorecard .section-head h2,#scorecard .section-head p{color:#fff;} #scorecard .section-head p{color:#C9B7E8;} #scorecard .eyebrow{color:var(--green-400);}#scorecard .eyebrow::before{background:var(--green-400);} .score-panel{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.14);border-radius:22px;padding:30px;margin-top:40px;} .score-item{padding:16px 0;border-bottom:1px solid rgba(255,255,255,0.1);} .score-item:last-child{border-bottom:none;} .score-item .q{font-size:15px;font-weight:600;margin-bottom:10px;} .score-opts{display:flex;gap:10px;flex-wrap:wrap;} .score-opt{ font-family:var(--font-mono);font-size:12.5px;padding:8px 14px;border-radius:100px; border:1px solid rgba(255,255,255,0.25);background:transparent;color:#D9CCF0;cursor:pointer;transition:all .15s; } .score-opt.active{background:var(--green-500);color:var(--purple-950);border-color:var(--green-500);font-weight:700;} .score-result{margin-top:26px;background:rgba(255,255,255,0.08);border-radius:16px;padding:22px 24px;text-align:center;} .score-result .total{font-family:var(--font-mono);font-size:38px;font-weight:700;color:var(--green-400);} .score-result .tier{font-family:var(--font-display);font-size:20px;margin-top:6px;} .score-result .desc{font-size:13.5px;color:#C9B7E8;margin-top:8px;} /* lead magnet / form */ #leadmagnet{background:linear-gradient(160deg,#F4EEFC,#FDFBFF);} .lm-wrap{display:grid;grid-template-columns:0.9fr 1.1fr;gap:44px;align-items:start;margin-top:20px;} @media(max-width:900px){.lm-wrap{grid-template-columns:1fr;}} .lm-card{background:var(--purple-950);color:#fff;border-radius:24px;padding:34px;box-shadow:var(--shadow-lg);} .lm-card .badge{font-family:var(--font-mono);font-size:11px;background:var(--green-500);color:var(--purple-950);display:inline-block;padding:5px 12px;border-radius:100px;font-weight:700;letter-spacing:0.05em;} .lm-card h3{color:#fff;font-size:24px;margin:16px 0 10px;line-height:1.3;} .lm-card p{color:#C9B7E8;font-size:14.5px;} .lm-bonus{margin:18px 0;display:flex;flex-direction:column;gap:8px;} .lm-bonus div{font-size:13.5px;color:#E4D9F5;display:flex;gap:8px;} .lm-bonus div::before{content:"✓";color:var(--green-400);font-weight:700;} .lm-price{font-family:var(--font-mono);font-size:13px;color:#B9A6DB;margin-top:16px;} .lm-price b{color:var(--green-400);font-size:15px;} .form-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px 32px;box-shadow:var(--shadow-md);} .form-progress{display:flex;gap:6px;margin-bottom:24px;} .form-progress i{flex:1;height:4px;border-radius:4px;background:var(--line);} .form-progress i.done{background:var(--green-500);} .form-step{display:none;} .form-step.active{display:block;animation:fadein .3s ease;} @keyframes fadein{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:translateY(0);}} .form-step h4{font-size:16px;margin-bottom:16px;} .opt-grid{display:grid;grid-template-columns:1fr;gap:10px;} .opt-btn{ text-align:left;padding:14px 16px;border:1.5px solid var(--line);border-radius:12px;background:#fff; cursor:pointer;font-size:14.5px;font-weight:600;color:var(--ink);transition:all .15s; display:flex;align-items:center;gap:10px; } .opt-btn .box{width:16px;height:16px;border-radius:5px;border:1.5px solid #C9B4E8;flex:0 0 auto;} .opt-btn.multi.selected .box{background:var(--purple-600);border-color:var(--purple-600);} .opt-btn.single .box{border-radius:50%;} .opt-btn.single.selected .box{background:var(--purple-600);border-color:var(--purple-600);} .opt-btn:hover{border-color:var(--purple-500);} .opt-btn.selected{border-color:var(--purple-600);background:var(--purple-100);} .field{margin-bottom:14px;} .field label{font-size:13px;font-weight:600;color:var(--ink-soft);display:block;margin-bottom:6px;} .field input{ width:100%;padding:13px 14px;border:1.5px solid var(--line);border-radius:10px;font-size:15px; font-family:var(--font-body);color:var(--ink); } .field input:focus{outline:none;border-color:var(--purple-600);} .form-nav{display:flex;justify-content:space-between;gap:12px;margin-top:22px;} .form-nav .btn-outline{padding:14px 20px;} .form-success{display:none;text-align:center;padding:20px 0;} .form-success .ic{font-size:44px;} .form-success h4{margin:14px 0 8px;font-size:19px;} /* faq */ .faq-item{border-bottom:1px solid var(--line);} .faq-q{ width:100%;text-align:left;background:none;border:none;padding:20px 0;cursor:pointer; display:flex;justify-content:space-between;align-items:center;font-family:var(--font-display); font-size:16.5px;font-weight:600;color:var(--purple-950);gap:20px; } .faq-q .plus{font-family:var(--font-mono);color:var(--purple-500);font-size:20px;transition:transform .2s;flex:0 0 auto;} .faq-item.open .faq-q .plus{transform:rotate(45deg);} .faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;} .faq-a p{padding:0 0 20px;font-size:14.5px;max-width:640px;} /* legal */ #legal{background:var(--paper-2);} .legal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:30px;} @media(max-width:640px){.legal-grid{grid-template-columns:1fr;}} .legal-chip{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;font-size:13.5px;color:var(--ink-soft);display:flex;gap:10px;} .legal-chip::before{content:"§";color:var(--purple-600);font-weight:700;font-family:var(--font-mono);} .legal-notice{margin-top:28px;background:#fff;border:1px dashed var(--purple-500);border-radius:16px;padding:20px 22px;font-size:13.5px;color:var(--ink-soft);} .legal-notice b{color:var(--purple-950);} /* final cta */ #finalcta{ background:radial-gradient(120% 140% at 50% 0%,#3A1970 0%,var(--purple-950) 55%,#130620 100%); color:#fff;text-align:center; } #finalcta h2{color:#fff;font-size:36px;max-width:680px;margin:14px auto 18px;} #finalcta p{color:#C9B7E8;max-width:560px;margin:0 auto 32px;font-size:16px;} #finalcta .eyebrow{color:var(--green-400);}#finalcta .eyebrow::before{background:var(--green-400);} /* referral tool */ #reftool{background:var(--white);} .reftool-box{ max-width:640px;margin:36px auto 0;background:var(--paper-2);border:1px solid var(--line); border-radius:20px;padding:28px 30px; } .reftool-row{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap;} .reftool-row input{flex:1;min-width:200px;padding:13px 14px;border:1.5px solid var(--line);border-radius:10px;font-size:14.5px;font-family:var(--font-mono);} .reftool-out{ margin-top:16px;background:#fff;border:1.5px dashed var(--purple-500);border-radius:10px;padding:13px 14px; font-family:var(--font-mono);font-size:13px;color:var(--purple-700);word-break:break-all;display:flex;justify-content:space-between;gap:10px;align-items:center; } .copy-btn{flex:0 0 auto;background:var(--purple-700);color:#fff;border:none;border-radius:8px;padding:8px 14px;font-size:12.5px;font-weight:700;cursor:pointer;font-family:var(--font-body);} .copy-btn:hover{background:var(--purple-600);} /* footer */ footer{background:var(--purple-950);color:#B9A6DB;padding:48px 0 24px;} .foot-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:24px;padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,0.1);} .foot-brand{display:flex;align-items:center;gap:10px;} .foot-brand img{height:26px;filter:brightness(0) invert(1);} .foot-menu{display:flex;gap:24px;flex-wrap:wrap;font-size:13.5px;font-weight:600;} .foot-menu button{background:none;border:none;color:#B9A6DB;cursor:pointer;font-family:var(--font-body);font-size:13.5px;font-weight:600;padding:0;} .foot-menu button:hover{color:#fff;} .foot-disclaimer{font-size:12px;line-height:1.8;color:#8A76AE;padding-top:22px;max-width:900px;} .foot-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding-top:18px;font-size:12px;color:#6E5C92;} /* modal */ .modal-overlay{ display:none;position:fixed;inset:0;background:rgba(20,8,40,0.6);z-index:1000; align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(3px); } .modal-overlay.open{display:flex;} .modal-box{background:#fff;border-radius:20px;max-width:600px;max-height:80vh;overflow-y:auto;padding:34px;position:relative;} .modal-box h3{font-size:22px;margin-bottom:14px;} .modal-box p, .modal-box li{font-size:14px;color:var(--ink-soft);line-height:1.8;} .modal-close{position:absolute;top:18px;right:18px;background:var(--paper-2);border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:16px;color:var(--ink-soft);} /* social proof widget */ #social-proof{ position:fixed;left:18px;bottom:18px;z-index:400;max-width:320px; background:#fff;border-radius:16px;box-shadow:var(--shadow-lg);border:1px solid var(--line); padding:14px 16px;display:flex;gap:12px;align-items:center; transform:translateY(140%);opacity:0;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .5s; } #social-proof.show{transform:translateY(0);opacity:1;} #social-proof .av{ width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--purple-600),var(--green-500)); display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-mono);font-weight:700;font-size:14px;flex:0 0 auto; } #social-proof .txt{font-size:12.5px;line-height:1.5;color:var(--ink);} #social-proof .txt b{color:var(--purple-800,var(--purple-700));} #social-proof .txt .meta{font-family:var(--font-mono);font-size:11px;color:var(--ink-soft);margin-top:2px;} #social-proof .close-sp{position:absolute;top:6px;right:8px;background:none;border:none;color:#C9B4E8;cursor:pointer;font-size:13px;} @media(max-width:480px){#social-proof{left:10px;right:10px;bottom:10px;max-width:none;}} .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease;} .reveal.in{opacity:1;transform:translateY(0);} @media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto;} .reveal{opacity:1;transform:none;transition:none;} .dash-card .val, .bar-row .fill{transition:none;} }