:root{--bg:#f7f9fd;--ink:#0b1730;--text:#58657b;--blue:#246bfe;--green:#18b978;--line:#e5eaf2;--white:#fff}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);overflow-x:hidden}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.navbar{position:fixed;inset:0 0 auto;z-index:1000;transition:.25s}.navbar.scrolled{background:rgba(255,255,255,.9);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);box-shadow:0 10px 30px rgba(20,40,80,.05)}.navbar-inner{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#2f7bff,#143eb7);color:#fff;font-size:20px;font-weight:900;box-shadow:0 10px 24px rgba(36,107,254,.25)}.brand-name{font-size:19px;font-weight:700}.brand-name b{font-weight:900}.brand-name{color:var(--blue)}.brand-name b{color:var(--ink)}.desktop-nav{display:flex;gap:30px}.desktop-nav a{font-size:14px;font-weight:700;color:#4c596e}.desktop-nav a:hover{color:var(--blue)}.nav-actions{display:flex;align-items:center;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;font-size:14px;font-weight:800;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-ghost{padding:11px 15px}.btn-primary{padding:12px 19px;background:linear-gradient(135deg,#2d75ff,#1554d7);color:#fff;box-shadow:0 12px 28px rgba(36,107,254,.23)}.btn-outline{padding:12px 19px;background:rgba(255,255,255,.75);border:1px solid #dbe2ee}.btn-lg{min-height:50px;padding:14px 21px}.menu-btn{display:none;width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:11px;align-items:center;justify-content:center;flex-direction:column;gap:4px}.menu-btn span{width:18px;height:2px;background:#26354c;border-radius:2px}.mobile-menu{display:none}.hero{position:relative;padding:145px 0 35px}.hero-glow{position:absolute;border-radius:50%;pointer-events:none}.glow-a{width:650px;height:650px;right:-230px;top:-300px;background:radial-gradient(circle,rgba(36,107,254,.14),transparent 68%)}.glow-b{width:500px;height:500px;left:-280px;top:480px;background:radial-gradient(circle,rgba(24,185,120,.07),transparent 68%)}.hero-grid{min-height:580px;display:grid;grid-template-columns:.92fr 1.18fr;gap:54px;align-items:center}.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#edf4ff;border:1px solid #dbe7ff;color:#2b61c7;font-size:11px;font-weight:900;letter-spacing:.1em}.badge i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(24,185,120,.12)}.hero h1{margin-top:20px;max-width:560px;font-size:clamp(46px,5vw,69px);line-height:.99;letter-spacing:-.055em;font-weight:900}.hero h1 span,.section-head h2 span,.integration-copy h2 span,.ops-box h2 span,.cta-box h2 span{color:var(--blue)}.hero-copy>p{margin-top:24px;max-width:555px;color:var(--text);font-size:17px;line-height:1.75}.hero-actions{margin-top:30px;display:flex;gap:10px;flex-wrap:wrap}.hero-checks{margin-top:24px;display:flex;gap:17px;flex-wrap:wrap;color:#667286;font-size:12px;font-weight:700}.hero-checks span::first-letter{color:var(--green)}.hero-preview{position:relative}.app-window{background:#fff;border:1px solid #dfe5ef;border-radius:18px;overflow:hidden;box-shadow:0 35px 80px rgba(20,45,90,.15),0 5px 20px rgba(10,30,60,.06)}.window-top{height:45px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f5}.dots{display:flex;gap:5px}.dots i{width:7px;height:7px;border-radius:50%;background:#d8deea}.dots i:first-child{background:#ff7066}.dots i:nth-child(2){background:#ffc763}.dots i:last-child{background:#4ed788}.window-top small{font-size:10px;color:#8490a3;font-weight:700}.avatar{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:#eaf1ff;color:var(--blue);font-size:10px;font-weight:900}.app-body{height:400px;display:grid;grid-template-columns:55px 1fr;background:#f7f9fd}.mock-side{padding:13px 9px;background:#0b1c37;display:flex;flex-direction:column;align-items:center;gap:11px}.mock-side b{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--blue);color:#fff;font-size:8px}.mock-side i{width:32px;height:30px;border-radius:8px;position:relative}.mock-side i::after{content:"";position:absolute;inset:9px;border:2px solid #69768c;border-radius:3px}.mock-side i.active{background:rgba(79,140,255,.15)}.mock-side i.active::after{border-color:#7ba7ff}.mock-main{padding:22px}.mock-head{display:flex;justify-content:space-between;align-items:center}.mock-head small,.card-title small{display:block;font-size:8px;color:#98a2b2}.mock-head strong{display:block;margin-top:4px;font-size:15px}.online{font-size:8px;color:#2d966b;background:#eaf9f2;padding:5px 8px;border-radius:20px}.stats{margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stats article{min-height:90px;padding:12px;border:1px solid #edf0f5;background:#fff;border-radius:11px}.stats small{display:block;color:#939daf;font-size:7px}.stats strong{display:block;margin-top:7px;font-size:17px}.stats span{display:block;margin-top:3px;color:#2c9d6d;font-size:7px}.mock-grid{margin-top:11px;display:grid;grid-template-columns:1.65fr .8fr;gap:10px}.chart-card,.status-card{padding:13px;background:#fff;border:1px solid #edf0f5;border-radius:11px}.card-title strong{display:block;margin-top:3px;font-size:10px}.chart{height:145px;margin-top:12px}.chart svg{width:100%;height:100%}.status-card p{display:flex;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid #f0f2f6}.status-card p:last-child{border-bottom:0}.status-card p>i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(24,185,120,.1)}.status-card p b,.status-card p small{display:block;font-size:8px}.status-card p small{margin-top:2px;color:#99a4b5;font-size:7px}.float-card{position:absolute;display:flex;align-items:center;gap:9px;padding:11px 13px;background:rgba(255,255,255,.95);border:1px solid #e4e8f0;border-radius:12px;box-shadow:0 18px 40px rgba(15,35,70,.13)}.float-card small,.float-card b{display:block;font-size:7px}.float-card b{margin-top:2px;font-size:8px}.float-card.pay{left:-33px;bottom:63px}.float-card.pay>span{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:#e9f9f1;color:var(--green);font-weight:900}.float-card.net{right:-22px;top:80px}.float-card.net>i{width:12px;height:12px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(24,185,120,.12)}.hero-tags{margin-top:35px;padding-top:26px;border-top:1px solid #e5e9f0;display:flex;justify-content:space-between;align-items:center;gap:30px}.hero-tags>small{color:#8b96a8;font-size:11px}.hero-tags>div{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.hero-tags b{font-size:11px;color:#5f6b7e}.hero-tags i{width:3px;height:3px;border-radius:50%;background:#bac2ce}.section{padding:105px 0}.section-white{background:#fff}.section-head{max-width:690px;margin:0 auto 50px;text-align:center}.section-head h2,.integration-copy h2,.ops-box h2{margin-top:17px;font-size:clamp(34px,4vw,51px);line-height:1.06;letter-spacing:-.045em;font-weight:900}.section-head p,.integration-copy>p,.ops-box>div>p{margin:18px auto 0;color:var(--text);font-size:15px;line-height:1.75}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.feature-card{min-height:225px;padding:25px;background:#fff;border:1px solid var(--line);border-radius:16px;transition:.25s}.feature-card:hover{transform:translateY(-6px);box-shadow:0 22px 45px rgba(15,40,80,.08);border-color:#cfddf8}.feature-icon{width:45px;height:45px;border-radius:12px;display:grid;place-items:center;background:#edf4ff;font-size:20px}.feature-card h3{margin-top:20px;font-size:16px}.feature-card p{margin-top:10px;color:#667286;font-size:13px;line-height:1.7}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.step{text-align:center}.step>b{width:58px;height:58px;margin:auto;border-radius:18px;display:grid;place-items:center;background:#fff;border:1px solid #dbe5f6;color:var(--blue);font-size:12px;box-shadow:0 8px 20px rgba(28,65,120,.08)}.step h3{margin-top:20px;font-size:15px}.step p{margin-top:7px;color:#6e798b;font-size:12px;line-height:1.6}.integration-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:70px}.integration-copy>p{margin-left:0;max-width:550px}.check-grid{margin-top:27px;display:grid;grid-template-columns:1fr 1fr;gap:13px}.check-grid span{font-size:13px;font-weight:700;color:#4d5a70}.orbit-wrap{position:relative;min-height:470px;display:grid;place-items:center}.orbit{position:absolute;border-radius:50%;border:1px dashed #cfdaf0}.orbit-1{width:270px;height:270px}.orbit-2{width:430px;height:430px}.orbit-center{position:relative;z-index:3;width:125px;height:125px;border-radius:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#2771ff,#123bb5);color:#fff;box-shadow:0 25px 60px rgba(36,107,254,.28)}.orbit-center b{font-size:29px}.orbit-center span{font-size:11px;opacity:.8}.node{position:absolute;z-index:4;min-width:82px;padding:11px 13px;text-align:center;background:#fff;border:1px solid #e0e6f0;border-radius:10px;box-shadow:0 13px 30px rgba(20,45,85,.09);font-size:10px;font-weight:800;color:#4b5870}.n1{top:55px}.n2{right:48px;top:130px}.n3{right:37px;bottom:108px}.n4{bottom:38px}.n5{left:28px;bottom:115px}.n6{left:30px;top:128px}.ops-box{padding:55px;border-radius:26px;background:#0c1c36;display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center;color:#fff;position:relative;overflow:hidden}.ops-box::after{content:"";position:absolute;width:450px;height:450px;right:-180px;top:-220px;background:radial-gradient(circle,rgba(57,126,255,.27),transparent 70%)}.ops-box>div{position:relative;z-index:2}.badge-dark{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.1);color:#a8c4ff}.ops-box h2 span{color:#75a4ff}.ops-box>div>p{margin-left:0;color:#aab7ca}.role-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.role-grid article{min-height:130px;padding:20px;border-radius:15px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);display:flex;flex-direction:column}.role-grid small{color:#6d9df8;font-size:10px;font-weight:900}.role-grid b{margin-top:22px;font-size:16px}.role-grid span{margin-top:5px;color:#8fa0b8;font-size:11px}.cta{padding:35px 0 95px}.cta-box{padding:75px 35px;text-align:center;border-radius:27px;background:linear-gradient(135deg,#2168fa,#123cb8);color:#fff;overflow:hidden}.cta-box>small{font-size:10px;font-weight:900;letter-spacing:.16em;opacity:.75}.cta-box h2{max-width:650px;margin:16px auto 0;font-size:clamp(34px,4vw,54px);line-height:1.03;letter-spacing:-.045em}.cta-box h2 span{color:#b9d1ff}.cta-box p{max-width:560px;margin:18px auto 25px;color:#d6e3ff;font-size:14px;line-height:1.7}.btn-white{background:#fff;color:#164ec8;padding:14px 24px;box-shadow:0 15px 35px rgba(5,29,85,.18)}footer{background:#fff;border-top:1px solid var(--line)}.footer-inner{min-height:105px;display:flex;align-items:center;gap:25px}.footer-inner p{color:#8791a2;font-size:11px}.footer-inner p:last-child{margin-left:auto}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}@media(max-width:1050px){.desktop-nav{display:none}.hero-grid{grid-template-columns:1fr;gap:70px}.hero-copy{text-align:center}.hero h1,.hero-copy>p{margin-left:auto;margin-right:auto}.hero-actions,.hero-checks{justify-content:center}.hero-preview{max-width:800px;margin:auto}.feature-grid{grid-template-columns:repeat(2,1fr)}.integration-grid{grid-template-columns:1fr}.integration-copy{text-align:center}.integration-copy>p{margin-left:auto;margin-right:auto}.check-grid{max-width:580px;margin-left:auto;margin-right:auto}}@media(max-width:780px){.container{width:min(100% - 28px,1180px)}.navbar-inner{height:68px}.desktop-only{display:none}.menu-btn{display:flex}.mobile-menu{position:absolute;top:68px;left:14px;right:14px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 18px 40px rgba(15,35,70,.14);flex-direction:column}.mobile-menu.open{display:flex}.mobile-menu a{padding:12px;border-radius:9px;color:#49566d;font-size:13px;font-weight:700}.mobile-login{margin-top:6px;text-align:center;background:var(--blue);color:#fff!important}.hero{padding-top:115px}.hero-grid{min-height:0;gap:55px}.hero h1{font-size:clamp(43px,13vw,64px)}.hero-copy>p{font-size:15px}.app-body{height:330px;grid-template-columns:43px 1fr}.mock-main{padding:13px}.mock-side{padding-left:5px;padding-right:5px}.mock-side b,.mock-side i{width:30px}.mock-grid{grid-template-columns:1fr}.status-card{display:none}.float-card.pay{left:10px;bottom:-28px}.float-card.net{right:5px;top:66px}.hero-tags{margin-top:80px;flex-direction:column;text-align:center}.hero-tags>div{justify-content:center}.section{padding:80px 0}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:0}.steps{grid-template-columns:1fr;gap:15px}.step{text-align:left;padding:14px;background:#f8faff;border:1px solid var(--line);border-radius:13px;display:grid;grid-template-columns:52px 1fr;gap:0 15px}.step>b{width:52px;height:52px;grid-row:1/3;margin:0}.step h3{margin-top:3px}.step p{margin-top:4px}.check-grid{grid-template-columns:1fr}.orbit-wrap{min-height:380px;transform:scale(.85);margin:-30px 0}.ops-box{padding:35px 22px;grid-template-columns:1fr;gap:35px}.role-grid{grid-template-columns:1fr 1fr}.cta-box{padding:60px 20px}.footer-inner{padding:30px 0;flex-direction:column;justify-content:center;text-align:center;gap:13px}.footer-inner p:last-child{margin-left:0}}@media(max-width:480px){.brand-name{font-size:17px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.hero-checks{gap:10px}.app-body{height:285px}.stats{gap:5px}.stats article{padding:8px;min-height:75px}.stats strong{font-size:13px}.chart{height:100px}.float-card{display:none}.hero-tags{margin-top:30px}.hero-tags i{display:none}.role-grid{grid-template-columns:1fr}.role-grid article{min-height:100px}.role-grid b{margin-top:13px}}


/* HEPRA_LDN_PRICING_V1_START */
.pricing-section{background:#fff;position:relative;overflow:hidden}
.pricing-section::before{content:"";position:absolute;width:520px;height:520px;right:-260px;top:-220px;border-radius:50%;background:radial-gradient(circle,rgba(36,107,254,.08),transparent 68%);pointer-events:none}
.pricing-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.pricing-grid.pricing-count-1{grid-template-columns:minmax(0,390px);justify-content:center}
.pricing-grid.pricing-count-2{grid-template-columns:repeat(2,minmax(0,390px));justify-content:center}
.pricing-card{position:relative;display:flex;flex-direction:column;min-height:520px;padding:30px;border:1px solid #e3e8f1;border-radius:22px;background:#fff;box-shadow:0 14px 35px rgba(15,35,70,.05);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.pricing-card:hover{transform:translateY(-6px);box-shadow:0 26px 55px rgba(15,40,80,.1);border-color:#cddbf4}
.pricing-card.featured{border:1.5px solid #2c72f5;box-shadow:0 25px 60px rgba(36,107,254,.14)}
.pricing-card.featured::before{content:"";position:absolute;inset:0;border-radius:21px;pointer-events:none;background:linear-gradient(180deg,rgba(36,107,254,.055),transparent 34%)}
.pricing-badge{position:absolute;right:22px;top:20px;display:inline-flex;padding:6px 9px;border-radius:999px;background:#eaf2ff;color:#225fcf;font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.pricing-title{position:relative;z-index:1;padding-right:72px}
.pricing-title h3{font-size:20px;font-weight:900;letter-spacing:-.02em}
.pricing-title p{margin-top:10px;min-height:62px;color:#697589;font-size:13px;line-height:1.65}
.pricing-price{position:relative;z-index:1;display:flex;align-items:baseline;gap:5px;margin-top:22px;padding-bottom:21px;border-bottom:1px solid #edf0f5}
.pricing-price small{font-size:13px;font-weight:800;color:#526078}
.pricing-price strong{font-size:35px;line-height:1;font-weight:900;letter-spacing:-.045em;color:#0b1730}
.pricing-price span{font-size:11px;font-weight:700;color:#8a95a6}
.pricing-card.featured .pricing-price strong{color:#246bfe}
.pricing-limit{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px;padding:11px 13px;border-radius:11px;background:#f7f9fc;font-size:11px}
.pricing-limit span{color:#7b8798}
.pricing-limit b{color:#36445b}
.pricing-features{position:relative;z-index:1;list-style:none;margin:22px 0 26px;display:flex;flex-direction:column;gap:11px}
.pricing-features li{display:flex;align-items:flex-start;gap:9px;color:#536075;font-size:12px;line-height:1.5}
.pricing-features li span{width:20px;height:20px;flex:0 0 20px;display:grid;place-items:center;border-radius:7px;background:#e9f9f1;color:#12a866;font-size:10px;font-weight:900}
.pricing-button{position:relative;z-index:1;margin-top:auto;min-height:47px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;border:1px solid #dbe2ed;background:#f8faff;color:#324159;font-size:13px;font-weight:850;transition:.2s}
.pricing-button:hover{transform:translateY(-2px);border-color:#c9d6eb;background:#f2f6fc}
.pricing-button.primary{border-color:#246bfe;background:linear-gradient(135deg,#2d75ff,#1554d7);color:#fff;box-shadow:0 12px 28px rgba(36,107,254,.22)}
.pricing-note{margin-top:24px;text-align:center;color:#8994a5;font-size:11px}
@media(max-width:950px){.pricing-grid,.pricing-grid.pricing-count-2{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-grid .pricing-card:last-child:nth-child(odd){grid-column:1/-1;max-width:420px;width:100%;justify-self:center}}
@media(max-width:650px){.pricing-grid,.pricing-grid.pricing-count-1,.pricing-grid.pricing-count-2{grid-template-columns:1fr}.pricing-grid .pricing-card:last-child:nth-child(odd){grid-column:auto;max-width:none}.pricing-card{min-height:0;padding:24px}.pricing-title{padding-right:0}.pricing-title p{min-height:0}.pricing-badge{position:static;width:max-content;margin-bottom:15px}.pricing-price strong{font-size:32px}}
/* HEPRA_LDN_PRICING_V1_END */

/* ============================================================
   HEPRA_LDN_PUBLIC_REGISTER_V1_START
   ============================================================ */

.register-page {
    background:
        radial-gradient(
            circle at 10% 15%,
            rgba(36, 107, 254, .07),
            transparent 28%
        ),
        #f7f9fd;
}

.register-main {
    padding:
        130px 0
        80px;
}

.register-layout {
    display: grid;
    grid-template-columns:
        .88fr 1.12fr;

    gap: 60px;
    align-items: start;
}

.register-info {
    position: sticky;
    top: 115px;
}

.register-info > h1 {
    margin-top: 20px;

    max-width: 520px;

    font-size:
        clamp(
            42px,
            5vw,
            64px
        );

    line-height: 1;
    letter-spacing: -.055em;
}

.register-info > h1 span {
    color: var(--blue);
}

.register-info > p {
    margin-top: 20px;

    max-width: 540px;

    color: var(--text);

    font-size: 15px;
    line-height: 1.75;
}

.selected-plan {
    margin-top: 30px;

    padding: 27px;

    border-radius: 20px;

    background: white;

    border:
        1px solid
        var(--line);

    box-shadow:
        0 20px 60px
        rgba(20, 40, 80, .08);
}

.selected-plan-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 15px;
}

.selected-plan-top small {
    color: #8b96a8;
    font-size: 11px;
}

.selected-plan-top h2 {
    margin-top: 3px;
    font-size: 22px;
}

.plan-badge {
    display: inline-flex;

    padding: 6px 9px;

    border-radius: 999px;

    background: #edf4ff;
    color: var(--blue);

    font-size: 9px;
    font-weight: 900;

    text-transform: uppercase;
    letter-spacing: .06em;
}

.selected-price {
    margin-top: 25px;

    display: flex;
    align-items: baseline;

    gap: 6px;
}

.selected-price small {
    font-weight: 800;
}

.selected-price strong {
    font-size: 38px;
    letter-spacing: -.045em;
}

.selected-price span {
    color: #758198;
    font-size: 12px;
}

.selected-limit {
    margin-top: 18px;

    padding: 13px 15px;

    display: flex;
    justify-content: space-between;

    gap: 15px;

    border-radius: 11px;

    background: #f6f8fc;
}

.selected-limit span {
    color: #7a8699;
    font-size: 11px;
}

.selected-limit strong {
    font-size: 12px;
}

.trial-info,
.pending-info {
    margin-top: 15px;

    padding: 13px 14px;

    border-radius: 11px;

    font-size: 12px;
    line-height: 1.55;
}

.trial-info {
    background: #edf9f3;
    color: #18815a;
}

.pending-info {
    background: #fff7e8;
    color: #92600b;
}

.register-features {
    margin-top: 20px;

    display: grid;
    gap: 10px;
}

.register-features > div {
    display: flex;
    gap: 9px;

    color: #556177;
    font-size: 12px;
}

.register-features span {
    color: #15a66a;
    font-weight: 900;
}

.change-plan {
    margin-top: 22px;
}

.change-plan > small {
    color: #8a95a7;
    font-size: 11px;
}

.change-plan > div {
    margin-top: 9px;

    display: flex;
    flex-wrap: wrap;

    gap: 8px;
}

.change-plan a {
    padding: 8px 12px;

    border-radius: 9px;

    background: white;

    border:
        1px solid
        var(--line);

    color: #5b687d;

    font-size: 11px;
    font-weight: 800;
}

.change-plan a.active {
    background: #edf4ff;
    border-color: #bcd0ff;
    color: var(--blue);
}


.register-card {
    padding: 32px;

    background: white;

    border:
        1px solid
        var(--line);

    border-radius: 22px;

    box-shadow:
        0 24px 65px
        rgba(15, 35, 70, .08);
}

.register-card-head > small {
    color: var(--blue);

    font-size: 10px;
    font-weight: 900;

    letter-spacing: .12em;
}

.register-card-head h2 {
    margin-top: 8px;
    font-size: 28px;
}

.register-card-head p {
    margin-top: 8px;

    color: #778297;

    font-size: 13px;
    line-height: 1.65;
}

.register-form {
    margin-top: 27px;

    display: grid;
    gap: 18px;
}

.form-row {
    display: grid;
    grid-template-columns:
        1fr 1fr;

    gap: 14px;
}

.form-field {
    display: grid;
    gap: 7px;
}

.form-field label {
    color: #26344a;

    font-size: 12px;
    font-weight: 800;
}

.form-field label span {
    color: #e44747;
}

.form-field input {
    width: 100%;
    min-height: 47px;

    padding: 0 14px;

    border:
        1px solid
        #dfe5ef;

    border-radius: 11px;

    outline: none;

    background: #fbfcfe;

    color: var(--ink);

    font: inherit;
    font-size: 13px;

    transition: .2s;
}

.form-field input:focus {
    background: white;
    border-color: #82a8ff;

    box-shadow:
        0 0 0 4px
        rgba(36, 107, 254, .08);
}

.form-field > small {
    color: #929caf;
    font-size: 10px;
}

.terms-check {
    display: flex;
    align-items: flex-start;

    gap: 10px;

    color: #657186;

    font-size: 11px;
    line-height: 1.55;

    cursor: pointer;
}

.terms-check input {
    margin-top: 2px;
}

.register-submit {
    width: 100%;

    border: 0;

    cursor: pointer;
}

.form-security {
    text-align: center;

    color: #929caf;

    font-size: 10px;
}

.form-alert {
    margin-top: 22px;

    padding: 15px 17px;

    border-radius: 12px;

    border: 1px solid #ffd0d0;
    background: #fff3f3;

    color: #a93535;

    font-size: 12px;
}

.form-alert ul {
    margin:
        7px 0 0
        17px;

    display: grid;
    gap: 3px;
}

.register-success {
    margin-top: 28px;

    text-align: center;

    padding:
        30px 15px
        10px;
}

.success-icon {
    width: 62px;
    height: 62px;

    margin: 0 auto;

    border-radius: 20px;

    display: grid;
    place-items: center;

    background: #e9f9f1;
    color: #15a66a;

    font-size: 26px;
    font-weight: 900;
}

.register-success h3 {
    margin-top: 18px;
    font-size: 23px;
}

.register-success > p {
    max-width: 500px;

    margin:
        10px auto
        0;

    color: #657186;

    font-size: 13px;
    line-height: 1.7;
}

.pending-note {
    max-width: 500px;

    margin:
        18px auto
        22px;

    padding: 14px;

    border-radius: 11px;

    background: #fff7e8;

    color: #8a5b0c;

    font-size: 11px;
    line-height: 1.6;
}


@media(max-width: 900px) {

    .register-layout {
        grid-template-columns: 1fr;
    }

    .register-info {
        position: static;
    }

}


@media(max-width: 650px) {

    .register-main {
        padding-top: 105px;
    }

    .register-card {
        padding: 23px 17px;
    }

    .form-row {
        grid-template-columns: 1fr;
    }

    .selected-price strong {
        font-size: 32px;
    }

}

/* ============================================================
   HEPRA_LDN_PUBLIC_REGISTER_V1_END
   ============================================================ */

/* HEPRA_LDN_PRICING_V2_STYLE_FIX_START */

.ldn-pricing-section {
    position: relative;
    padding: 105px 0 95px;
    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(37, 99, 235, .055),
            transparent 34%
        ),
        #f8faff;
    scroll-margin-top: 84px;
}

.ldn-pricing-section .section-head {
    max-width: 760px;
    margin: 0 auto 48px;
    text-align: center;
}

.ldn-pricing-section .section-head .badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 15px;
    padding: 7px 12px;

    border-radius: 999px;

    background: #edf4ff;
    color: #246bfe;

    font-size: 10px;
    font-weight: 800;
    letter-spacing: .1em;
}

.ldn-pricing-section .section-head h2 {
    margin: 0;

    color: #0d1830;

    font-size:
        clamp(
            34px,
            4vw,
            52px
        );

    font-weight: 800;
    line-height: 1.05;
    letter-spacing: -.045em;
}

.ldn-pricing-section .section-head h2 span {
    color: #246bfe;
}

.ldn-pricing-section .section-head p {
    max-width: 680px;

    margin:
        18px auto
        0;

    color: #64748b;

    font-size: 14px;
    line-height: 1.75;
}


.ldn-pricing-grid {
    display: grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );

    gap: 20px;

    align-items: stretch;
}


.ldn-price-card {
    position: relative;

    display: flex;
    flex-direction: column;

    min-width: 0;
    min-height: 500px;

    padding: 28px;

    overflow: hidden;

    border:
        1px solid
        #dce4f0;

    border-radius: 22px;

    background: #ffffff;

    box-shadow:
        0 20px 55px
        rgba(30, 50, 90, .065);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}


.ldn-price-card:hover {
    transform: translateY(-5px);

    border-color: #b9c9e3;

    box-shadow:
        0 28px 70px
        rgba(30, 50, 90, .11);
}


.ldn-price-card.featured {
    border:
        1.5px solid
        #246bfe;

    background:
        linear-gradient(
            180deg,
            rgba(36, 107, 254, .045),
            #ffffff 30%
        );

    box-shadow:
        0 25px 70px
        rgba(36, 107, 254, .13);
}


.ldn-price-badge {
    position: absolute;

    top: 20px;
    right: 20px;

    display: inline-flex;

    padding: 6px 9px;

    border-radius: 999px;

    background: #edf4ff;
    color: #246bfe;

    font-size: 9px;
    font-weight: 900;

    text-transform: uppercase;
    letter-spacing: .06em;
}


.ldn-price-card h3 {
    margin:
        3px 0
        0;

    padding-right: 100px;

    color: #08152c;

    font-size: 20px;
    font-weight: 800;

    letter-spacing: -.025em;
}


.ldn-price-description {
    min-height: 52px;

    margin:
        13px 0
        0;

    color: #617087;

    font-size: 12px;
    line-height: 1.65;
}


.ldn-price-value {
    display: flex;
    align-items: baseline;

    gap: 5px;

    margin-top: 28px;
    padding-bottom: 20px;

    border-bottom:
        1px solid
        #e5ebf3;
}


.ldn-price-value small {
    color: #44516a;

    font-size: 11px;
    font-weight: 800;
}


.ldn-price-value strong {
    color: #08152c;

    font-size: 31px;
    font-weight: 900;

    line-height: 1;

    letter-spacing: -.045em;
}


.ldn-price-card.featured
.ldn-price-value strong {
    color: #246bfe;
}


.ldn-price-value span {
    color: #78859a;

    font-size: 10px;
}


.ldn-price-limit {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 12px;

    margin-top: 17px;
    padding: 11px 13px;

    border-radius: 10px;

    background: #f6f8fc;
}


.ldn-price-limit span {
    color: #8490a2;

    font-size: 10px;
}


.ldn-price-limit strong {
    color: #18243a;

    font-size: 10px;
    font-weight: 800;
}


.ldn-price-features {
    display: flex;
    flex-direction: column;

    gap: 10px;

    margin-top: 20px;
    margin-bottom: 25px;

    flex: 1;
}


.ldn-price-features > div {
    display: flex;
    align-items: flex-start;

    gap: 9px;

    color: #526077;

    font-size: 11px;
    line-height: 1.5;
}


.ldn-price-features > div > span {
    width: 18px;
    height: 18px;

    flex: 0 0 18px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 6px;

    background: #eaf9f1;
    color: #16a368;

    font-size: 11px;
    font-weight: 900;
}


.ldn-price-button {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    min-height: 47px;

    margin-top: auto;

    border:
        1px solid
        #d7e0ee;

    border-radius: 11px;

    background: #f8faff;

    color: #17243b;

    font-size: 12px;
    font-weight: 800;

    text-decoration: none;

    transition:
        transform .18s ease,
        background .18s ease,
        box-shadow .18s ease;
}


.ldn-price-button:hover {
    transform: translateY(-1px);

    background: #f1f5fb;
}


.ldn-price-button.primary {
    border-color: #246bfe;

    background:
        linear-gradient(
            135deg,
            #3479ff,
            #1556df
        );

    color: #ffffff;

    box-shadow:
        0 10px 25px
        rgba(36, 107, 254, .2);
}


.ldn-price-button.primary:hover {
    background:
        linear-gradient(
            135deg,
            #246bfe,
            #124ed3
        );

    box-shadow:
        0 14px 30px
        rgba(36, 107, 254, .27);
}


.ldn-pricing-note {
    margin:
        24px auto
        0;

    text-align: center;

    color: #8995a8;

    font-size: 10px;
    line-height: 1.6;
}


/* Tablet */
@media (max-width: 980px) {

    .ldn-pricing-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }

    .ldn-price-card:last-child {
        grid-column:
            1 / -1;

        max-width: 520px;
        width: 100%;

        justify-self: center;
    }

}


/* HP */
@media (max-width: 680px) {

    .ldn-pricing-section {
        padding:
            82px 0
            70px;
    }

    .ldn-pricing-section .section-head {
        margin-bottom: 32px;
    }

    .ldn-pricing-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .ldn-price-card,
    .ldn-price-card:last-child {
        width: 100%;
        max-width: none;

        grid-column: auto;

        min-height: 0;

        padding: 22px 18px;
    }

    .ldn-price-card h3 {
        padding-right: 95px;
    }

    .ldn-price-value strong {
        font-size: 29px;
    }

    .ldn-price-description {
        min-height: 0;
    }

}

/* HEPRA_LDN_PRICING_V2_STYLE_FIX_END */