:root{
  --blue:#4A7DFF;--blue-deep:#285ACF;--green:#53D98C;--green-deep:#238F58;--gold:#D7AE38;--gold-soft:#F3DE8B;
  --blue-pale:#F3F7FF;--green-pale:#F2FFF7;--gold-pale:#FFF9E7;--ink:#182231;--muted:#5A6574;--soft:#7F8A98;
  --line:#E6EAF0;--white:#fff;--footer:#111821;--container:1180px;--radius-btn:10px;--radius-card:2px;
  --shadow:10px 14px 28px rgba(26,37,52,.10);--shadow-lg:18px 24px 60px rgba(26,37,52,.14);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input{font:inherit}h1,h2,h3,h4,strong{font-family:Manrope,Arial,sans-serif}h1,h2,h3,p{margin-top:0}.container{width:min(calc(100% - 40px),var(--container));margin-inline:auto}.narrow{max-width:800px;margin-inline:auto}.center{text-align:center}.section{position:relative;padding:96px 0;overflow:hidden}.section--blue{background:linear-gradient(180deg,#F7FAFF 0%,var(--blue-pale) 100%)}.section--green{background:linear-gradient(180deg,#F9FFFB 0%,var(--green-pale) 100%)}.section--gold{background:linear-gradient(180deg,#FFFCF2 0%,var(--gold-pale) 100%)}.section-heading{margin-bottom:44px}.section-heading h2,.split__copy h2,.about-copy h2,.faq-intro h2{font-size:45px;line-height:1.08;letter-spacing:-.045em;margin-bottom:18px}.section-heading p,.lead-copy,.split__copy>p,.about-copy>p,.faq-intro>p{color:var(--muted);font-size:1.05rem}.section-label,.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:Manrope,sans-serif;font-weight:800;font-size:1rem;letter-spacing:.12em;text-transform:uppercase;color:var(--blue-deep);margin-bottom:16px}.section-label--green{color:var(--green-deep)}.section-label--gold{color:#9A7410}.section-label--light{color:#fff}.mini-kicker{font-family:Manrope,sans-serif;font-weight:800;font-size:.78rem;letter-spacing:.11em;text-transform:uppercase;color:var(--blue-deep)}.microcopy,.section-note{font-size:.86rem;color:var(--soft);margin-top:16px}.lead{font-size:1.15rem;color:#394454}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:12px;top:12px;z-index:9999;background:#fff;padding:10px 14px;border:2px solid var(--blue)}

/* =========================================================
   NAV PRINCIPAL 3C
========================================================= */

.site-nav {
    position: relative;

    z-index: 90;

    background:
        rgba(255, 255, 255, .96);

    border-bottom:
        1px solid
        rgba(24, 34, 49, .08);

    backdrop-filter:
        blur(14px);

    -webkit-backdrop-filter:
        blur(14px);
}


/* =========================================================
   INNER
========================================================= */

.site-nav__inner {
    width:
        min(
            calc(100% - 40px),
            var(--container)
        );

    height: 78px;

    margin: auto;

    display: flex;

    align-items: center;

    justify-content: space-between;
}


/* =========================================================
   BRAND
========================================================= */

.site-nav__brand {
    display: flex;

    align-items: center;

    gap: 9px;

    color: var(--ink);

    text-decoration: none;
}


.site-nav__logo {
    width: 44px;
    height: 44px;

    flex: 0 0 44px;

    object-fit: contain;
}


.site-nav__brand .name {
    line-height: 1.25;
}


.site-nav__brand .name b {
    color: var(--ink);

    font-family:
        "Manrope",
        sans-serif;

    font-size: 1rem;

    font-weight: 800;

    letter-spacing: -.025em;
}


.site-nav__brand .name small {
    color:
        rgba(24, 34, 49, .72);

    font-family:
        "Inter",
        sans-serif;

    font-size: .72rem;

    font-weight: 500;
}


/* =========================================================
   MENU
========================================================= */

.site-nav__menu {
    display: flex;

    align-items: center;

    gap: 28px;
}


/* linkuri principale */

.site-nav__menu > a {
    position: relative;

    display: inline-flex;

    align-items: center;

    gap: 7px;

    color: var(--ink);

    font-family:
        "Manrope",
        sans-serif;

    font-size: .88rem;

    font-weight: 700;

    line-height: 1;

    text-decoration: none;

    white-space: nowrap;

    transition:
        color .25s ease;
}


/* iconițe */

.site-nav__menu > a > i {
    color: #4192ff;

    font-size: 1.08rem;

    line-height: 1;

    opacity: .82;

    transition:
        transform .30s
            cubic-bezier(.22, 1, .36, 1),
        opacity .30s ease,
        color .30s ease;
}


/* =========================================================
   UNDERLINE
   doar Teste gratuite + Pregătește-te
========================================================= */

.site-nav__menu >
a:not(.site-nav__login)::after {
    content: "";

    position: absolute;

    left: 0;
    right: 100%;

    bottom: -9px;

    height: 2px;

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            #4192ff,
            #46f484,
            #e1ff58
        );

    transition:
        right .32s
        cubic-bezier(.22, 1, .36, 1);
}


@media (hover: hover) {

    .site-nav__menu >
    a:not(.site-nav__login):hover::after {
        right: 0;
    }


    .site-nav__menu >
    a:not(.site-nav__login):hover > i {
        opacity: 1;

        transform:
            translateY(-1px);
    }

}


/* =========================================================
   LOGARE
========================================================= */

.site-nav__login {
    min-height: 40px;

    padding:
        8px
        13px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 7px;

    border:
        1px solid
        rgba(65, 146, 255, .16);

    border-radius: 10px;

    background:
        rgba(65, 146, 255, .055);

    color:
        var(--ink);

    box-shadow:
        4px
        7px
        17px
        rgba(25, 48, 75, .045);

    transition:
        transform .30s
            cubic-bezier(.22, 1, .36, 1),
        background-color .30s ease,
        border-color .30s ease,
        box-shadow .30s ease;
}


.site-nav__login > i {
    color:
        #4192ff !important;

    font-size:
        1.15rem !important;

    opacity:
        1 !important;
}


@media (hover: hover) {

    .site-nav__login:hover {
        transform:
            translateY(-1px);

        border-color:
            rgba(65, 146, 255, .30);

        background:
            rgba(65, 146, 255, .09);

        box-shadow:
            5px
            9px
            20px
            rgba(25, 48, 75, .075);
    }


    .site-nav__login:hover > i {
        transform:
            translateX(1px);
    }

}


.site-nav__login:active {
    transform:
        scale(.97);
}


.site-nav__login:focus-visible {
    outline:
        3px solid
        rgba(65, 146, 255, .18);

    outline-offset:
        3px;
}


/* =========================================================
   MOBILE TOGGLE
========================================================= */

.site-nav__toggle {
    display: none;

    width: 44px;
    height: 44px;

    padding: 8px;

    border: 0;

    background: none;

    cursor: pointer;
}


.site-nav__toggle span {
    display: block;

    height: 2px;

    margin:
        6px
        0;

    border-radius: 20px;

    background:
        var(--ink);

    transition:
        transform .25s ease,
        opacity .25s ease;
}


/* BUTTONS */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px 20px;border-radius:var(--radius-btn);font-family:Manrope,sans-serif;font-weight:800;font-size:.92rem;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;border:1px solid transparent;cursor:pointer}.btn--primary{color:#fff;background:linear-gradient(135deg,var(--blue) 0%,#5A8DFF 100%);box-shadow:0px 10px 30px -5px #666;}.btn--soft{background:#fff;border-color:#DDE5F2;color:var(--ink);box-shadow:0px 10px 30px -5px #666;}.btn--dark{background:#182231;color:#fff;box-shadow:0px 10px 30px -5px #666;}.btn--white{background:#fff;color:#193047;box-shadow:0px 10px 30px -5px #666;}.btn--glass{color:#fff;background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.35);backdrop-filter:blur(12px)}.btn--small{min-height:42px;padding:10px 5px;font-size:.84rem}.btn--wide{padding-inline:28px}.text-link{display:inline-flex;align-items:center;gap:5px;color:var(--blue-deep);font-weight:800;font-size:.9rem}.text-link--strong{font-family:Manrope,sans-serif}

.bx-login{border:1px solid black;border-radius:50%;padding:5px;}

/* HERO */
.hero{padding:88px 0 72px;background:radial-gradient(circle at 70% 15%,rgba(83,217,140,.08),transparent 25%),radial-gradient(circle at 15% 75%,rgba(74,125,255,.08),transparent 28%),#fff}.hero__grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(500px,1.08fr);gap:66px;align-items:center}.hero__content{position:relative;z-index:2}.eyebrow__dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--green),var(--gold));box-shadow:0 0 0 5px rgba(74,125,255,.08)}.hero h1{font-size:54px;line-height:1.4;letter-spacing:-2px;max-width:720px;text-align: center;text-transform: uppercase;}.hero h1 span:nth-of-type(2) {position: relative;display: inline-block;border-radius: 14px;}.hero__lead{font-size:1.05rem;line-height:1.8;color:var(--muted);max-width:650px;margin-bottom:28px}.hero__actions{display:flex;gap:42px;flex-wrap:wrap}.hero__trustline{margin-top:50px;display:flex;gap:14px;flex-wrap:wrap}.hero__trustline span{display:inline-flex;align-items:center;gap:7px;font-size:.78rem;font-weight:700;color:#596577;padding:8px 10px;border:1px solid #E8ECF2;background:#fff;border-radius:999px}.hero__trustline i{font-size:1rem;color:var(--blue)}.hero__orb{position:absolute;border-radius:50%;filter:blur(0);opacity:.7}.hero__orb--blue{width:180px;height:180px;background:rgba(74,125,255,.06);left:-60px;top:90px}.hero__orb--green{width:260px;height:260px;background:rgba(83,217,140,.055);right:-100px;bottom:10px}.hero-mosaic{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px;background:#fff;box-shadow:var(--shadow-lg);border:1px solid #E9EDF3;transform:rotate(.7deg)}.hero-tile{position:relative;margin:0;overflow:hidden;min-height:245px;background:#111}.hero-tile img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .45s ease}.hero-tile::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(180deg,transparent,rgba(7,12,18,.88))}.hero-tile:hover img{transform:scale(1.035)}.hero-tile figcaption{position:absolute;z-index:2;left:18px;right:18px;bottom:17px;color:#fff}.hero-tile figcaption span{display:block;font-family:Manrope,sans-serif;font-size:.68rem;font-weight:800;opacity:.8;letter-spacing:.12em}.hero-tile figcaption strong{display:block;font-size:1.15rem}.hero-tile figcaption small{display:block;color:rgba(255,255,255,.78);font-size:.75rem;line-height:1.35}.hero-mosaic__seal{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-.7deg);width:86px;height:86px;border-radius:50%;background:#fff;box-shadow:0 12px 35px rgba(17,24,33,.25);display:grid;place-items:center}.hero-mosaic__seal img{width:54px;height:54px;object-fit:contain}.hero-mosaic__seal span{display:none}.hero__scroll{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#8A95A4}.hero__scroll i{font-size:1.2rem;animation:bob 1.8s ease-in-out infinite}



/* TRANSITION 3C */
.transition-3c{height:54px;position:relative;background:#fff;display:flex;align-items:center;justify-content:center}.transition-3c a{border:0;background:transparent;padding:0 12px 8px;display:grid;gap:0;cursor:pointer}.transition-3c span{display:block;width:18px;height:18px;border-right:2px solid;border-bottom:2px solid;transform:rotate(45deg);margin:-5px auto}.transition-3c span:nth-child(1){border-color:var(--blue);animation:chev 1.9s infinite}.transition-3c span:nth-child(2){border-color:var(--green);animation:chev 1.9s .15s infinite}.transition-3c span:nth-child(3){border-color:var(--gold);animation:chev 1.9s .3s infinite}@keyframes chev{0%,100%{opacity:.35;transform:translateY(0) rotate(45deg)}50%{opacity:1;transform:translateY(6px) rotate(45deg)}}@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}

/* BERRY */
.berry-story{margin:38px auto 28px;display:grid;grid-template-columns:260px 1fr;align-items:center;text-align:left;background:#fff;border:1px solid #E4EAF4;box-shadow:var(--shadow);max-width:780px}.berry-story__visual{position:relative;min-height:250px;display:grid;place-items:center;background:linear-gradient(145deg,#EEF4FF,#F8FBFF);margin-left: 10px;}.berry-story__visual img{width:180px}.berry-story__copy{padding:32px}.berry-story__copy p{margin:10px 0 0;color:var(--muted)}.berry-pulse{position:absolute;border-radius:50%;border:1px solid rgba(74,125,255,.2)}.berry-pulse--one{width:150px;height:150px}.berry-pulse--two{width:210px;height:210px}

/* VIDEO */
.video-section{padding:78px 0;background:#fff}.video-container{max-width:1040px}.video-shell{position:relative;aspect-ratio:16/9;background:#101822;overflow:hidden;box-shadow:16px 22px 55px rgba(20,30,44,.18);border:10px solid #fff;outline:1px solid #E2E7EE}.video-shell iframe{width:100%;height:100%;border:0}.video-shell--placeholder img{width:100%;height:100%;object-fit:cover;opacity:.75}.video-shell__shade{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 0,rgba(10,17,26,.45) 65%,rgba(10,17,26,.75) 100%)}.video-shell__content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;gap:10px}.video-shell__content strong{font-size:1.3rem}.video-shell__content small{max-width:520px;color:rgba(255,255,255,.75)}.video-play{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.96);color:var(--blue);font-size:2.5rem;box-shadow:0 0 0 12px rgba(255,255,255,.14)}

/* CHOICES */
.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.choice-card{position:relative;background:#fff;padding:28px;border:1px solid #E5ECE8;box-shadow:var(--shadow);min-height:320px;display:flex;flex-direction:column}.choice-card--featured{border-top:4px solid var(--green);transform:translateY(-8px)}.choice-card--muted{opacity:.88}.choice-card__top{display:flex;justify-content:space-between;align-items:center}.choice-card__number{font-family:Manrope,sans-serif;font-size:.72rem;font-weight:800;letter-spacing:.1em;color:#9BA4AF}.choice-card__icon{font-size:2rem}.choice-card h3{font-size:1.3rem;margin:28px 0 12px}.choice-card p{color:var(--muted);font-size:.94rem}.choice-card .text-link,.choice-card .btn{margin-top:auto}.choice-card__ribbon{position:absolute;right:0;top:0;background:var(--green);color:#11331F;font-family:Manrope,sans-serif;font-weight:800;font-size:.68rem;padding:7px 10px;letter-spacing:.06em;text-transform:uppercase}

/* SPLIT */
.split{display:grid;grid-template-columns:1fr 1fr;gap:74px;align-items:center}.split__copy{max-width:540px}.split__copy .btn{margin-top:8px}.browser-card{background:#fff;border:1px solid #DDE4EC;box-shadow:var(--shadow-lg)}.browser-card__chrome{height:42px;border-bottom:1px solid #E7EBF0;background:#F7F9FC;display:flex;align-items:center;gap:7px;padding:0 12px}.browser-card__chrome>span{width:9px;height:9px;border-radius:50%;background:#D1D7DF}.browser-card__chrome>span:nth-child(1){background:#F08B83}.browser-card__chrome>span:nth-child(2){background:#F2C86E}.browser-card__chrome>span:nth-child(3){background:#79D69A}.browser-card__url{margin-left:8px;font-size:.68rem;color:#8B95A3;background:#fff;border:1px solid #E7EBF0;border-radius:99px;padding:4px 12px;flex:1;max-width:250px}.test-ui{padding:28px}.test-ui__head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.test-ui__head small{display:block;font-size:.61rem;font-weight:800;letter-spacing:.1em;color:var(--blue)}.test-ui__head strong{display:block;margin-top:3px}.test-ui__head>span{font-size:.75rem;font-weight:700;color:#85909F}.progress-3c{height:9px;background:#EDF0F4;overflow:hidden;margin:18px 0 26px;border-radius:999px}.progress-3c span{display:block;height:100%;background:linear-gradient(90deg,var(--blue) 0%,var(--green) 58%,var(--gold) 100%);box-shadow:0 0 14px rgba(83,217,140,.35)}.test-ui__question small{font-size:.69rem;color:#8B95A3}.test-ui__question h3{font-size:1.1rem;margin:5px 0 18px}.test-ui__question label{display:flex;align-items:center;gap:10px;border:1px solid #E4E9EF;padding:11px 12px;margin:8px 0;font-size:.82rem;background:#fff}.test-ui__question input{display:none}.test-ui__question label>span{width:14px;height:14px;border-radius:50%;border:2px solid #CBD3DD}.test-ui__footer{display:flex;justify-content:space-between;margin-top:18px;font-size:.63rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.test-ui__footer span:nth-child(1){color:var(--blue)}.test-ui__footer span:nth-child(2){color:var(--green-deep)}.test-ui__footer span:nth-child(3){color:#9A7410}

/* GUIDE */
.guide-stage{position:relative;min-height:480px;display:grid;place-items:center;margin-bottom:6rem;perspective: 1900px;}.guide-book{position:relative;width:280px;height:380px;transform:rotateY(-13deg) rotateX(3deg) rotateZ(-3deg);}.guide-book__cover{position:absolute;inset:0;border:1px solid #E9D99E;display:flex;flex-direction:column}.guide-book__cover img{width:64px;height:64px;object-fit:contain;margin-bottom:28px}.guide-book__cover small{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:.12em;color:#9A7410}.guide-book__cover strong{font-size:1.9rem;line-height:1.03;margin:13px 0}.guide-book__cover span{font-size:.82rem;color:#6C6759}.guide-book__stripe{height:8px;position:absolute;left:0;right:0;bottom:0;background:linear-gradient(90deg,var(--blue),var(--green),var(--gold))}.guide-book__spine{position:absolute;left:14px;top:-1px;bottom:-68px;width:20px;background:linear-gradient(90deg,#D8C47C,#FFF1AE);transform:skewY(-25deg);transform-origin:right;box-shadow:5px 18px 17px 6px rgba(80,70,40,.12)}.guide-orbit{position:absolute;border:1px solid rgba(215,174,56,.24);border-radius:50%}.guide-orbit--one{width:380px;height:380px}.guide-orbit--two{width:470px;height:470px;border-style:dashed}

/* PROGRAM */
.program{background:#fff}.program-hero{display:grid;grid-template-columns:1fr 220px;gap:60px;align-items:end;border-bottom:1px solid #E8EDF2;padding-bottom:38px}.program-hero h2{font-size:clamp(2.2rem,4.5vw,4.2rem);letter-spacing:-.055em;margin:0 0 18px}.program-90{width:190px;height:190px;border-radius:50%;display:grid;place-items:center;text-align:center;align-content:center;background:radial-gradient(circle at 35% 30%,#fff 0,#F4F8FF 38%,#EEF3FA 100%);border:1px solid #E0E6EE;box-shadow:var(--shadow)}.program-90 span{font-family:Manrope,sans-serif;font-size:4.4rem;font-weight:800;line-height:.8;background:linear-gradient(90deg,var(--blue),var(--green),var(--gold));-webkit-background-clip:text;color:transparent}.program-90 strong{font-size:1rem;margin-top:6px}.program-90 small{font-size:.7rem;color:var(--soft)}.process-flow span{font-family:Manrope,sans-serif;font-size:.71rem;font-weight:800;padding:7px 10px;background:#F8FAFC;border:1px solid #E7EBF0}.process-flow i{width:24px;height:2px;background:linear-gradient(90deg,var(--blue),var(--green),var(--gold));position:relative}.process-flow i::after{content:"";position:absolute;right:-1px;top:-3px;border-left:5px solid var(--gold);border-top:4px solid transparent;border-bottom:4px solid transparent}.program-lessons-heading h3{font-size:2.2rem;margin:0 0 10px}.c-lane{background:#fff;border:1px solid #E5EAF0;box-shadow:var(--shadow);overflow:hidden}.c-lane__header{display:flex;gap:14px;padding:22px}.c-lane__header>span{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:50%;font-family:Manrope,sans-serif;font-weight:800}.c-lane__header strong{display:block;font-size:1.05rem}.c-lane__header small{display:block;color:var(--muted);font-size:.73rem;line-height:1.45;margin-top:4px}.c-lane--blue{border-top:4px solid var(--blue)}.c-lane--green{border-top:4px solid var(--green)}.c-lane--gold{border-top:4px solid var(--gold)}.c-lane--blue .c-lane__header>span{background:#EEF3FF;color:var(--blue)}.c-lane--green .c-lane__header>span{background:#ECFFF4;color:var(--green-deep)}.c-lane--gold .c-lane__header>span{background:#FFF7D9;color:#9A7410}.c-lane ol{list-style:none;margin:0;padding:0 18px 18px}.c-lane li{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:14px 0;border-top:1px solid #EDF0F4}.c-lane li>span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#F5F7FA;font-family:Manrope,sans-serif;font-weight:800;font-size:.7rem}.c-lane li strong{display:block;font-size:.83rem}.c-lane li small{display:block;color:var(--soft);font-size:.71rem;line-height:1.45;margin-top:3px}.program-outcome{margin-top:40px;padding:30px;background:#172230;color:#fff;display:grid;grid-template-columns:1fr auto;gap:34px;align-items:center}.program-outcome h3{font-size:1.8rem;margin:0 0 8px}.program-outcome p{color:#C7D0DA;margin:0;max-width:650px}.program-outcome .section-label{color:#CFE1FF}.pillars{display:grid;gap:9px}.pillars span{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);padding:9px 12px;font-size:.77rem;font-weight:800;white-space:nowrap}.pillars i{font-size:1rem;color:#fff}

/* ABOUT este jos*/

/* METHOD */
.method-stage{position:relative;margin-top:20px}.method-logo{position:absolute;left:50%;top:-38px;transform:translateX(-50%);z-index:3;width:92px;height:92px;border-radius:50%;background:#fff;box-shadow:0 14px 34px rgba(25,49,36,.14);display:grid;place-items:center}.method-logo img{width:66px;height:66px;object-fit:contain}.method-logo span{display:none}.method-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-top:40px}.method-card{position:relative;padding:58px 26px 28px;background:#fff;border:1px solid #E3EAE5;box-shadow:var(--shadow);min-height:300px}.method-card::before{content:"";position:absolute;left:0;top:0;right:0;height:5px}.method-card--blue::before{background:var(--blue)}.method-card--green::before{background:var(--green)}.method-card--gold::before{background:var(--gold)}.method-card__number{position:absolute;right:16px;top:14px;font-family:Manrope,sans-serif;font-size:.7rem;font-weight:800;color:#A0A9B3}.method-card__letter{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-family:Manrope,sans-serif;font-size:1.5rem;font-weight:800;margin-bottom:17px}.method-card--blue .method-card__letter{background:#EEF3FF;color:var(--blue)}.method-card--green .method-card__letter{background:#ECFFF4;color:var(--green-deep)}.method-card--gold .method-card__letter{background:#FFF7D9;color:var(--gold)}.method-card h3{font-size:1.4rem;margin:0 0 8px; position:relative;top:-65px}.method-card p{font-size:.91rem; margin:-50px auto 20px}.method-card small{color:var(--muted)}.method-logic{margin:28px auto 0;max-width:860px;text-align:center;background:rgba(255,255,255,.68);border:1px solid #DDEAE2;padding:24px}.method-logic__tag{display:inline-block;font-family:Manrope,sans-serif;font-weight:800;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--green-deep);margin-bottom:5px}.method-logic p{color:var(--muted)}.method-logic__flow{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap}.method-logic__flow span{font-family:Manrope,sans-serif;font-weight:800;font-size:.78rem;padding:8px 12px;background:#fff;border:1px solid #E1E8E3}.method-logic__flow i{width:35px;height:2px;background:linear-gradient(90deg,var(--blue),var(--green),var(--gold))}

/* REELS & PLATFORM */
.reels-wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:980px;margin:0 auto}.phone-reel{position:relative;aspect-ratio:9/16;background:linear-gradient(180deg,#243448 0%,#121A24 100%);border:7px solid #111822;border-radius:28px;overflow:hidden;color:#fff;padding:18px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:10px 16px 30px rgba(30,37,47,.16)}.phone-reel::before{content:"";position:absolute;top:6px;left:50%;transform:translateX(-50%);width:45px;height:5px;border-radius:10px;background:#303B49}.phone-reel--one{background:linear-gradient(180deg,#5C7B9B,#192330)}.phone-reel--two{background:linear-gradient(180deg,#4E8069,#15251D)}.phone-reel--three{background:linear-gradient(180deg,#9B814A,#272014)}.phone-reel--four{background:linear-gradient(180deg,#765A75,#211824)}.phone-reel__speaker{position:absolute;inset:14% 18% 34%;display:grid;place-items:center;border-radius:42% 42% 20% 20%;background:rgba(255,255,255,.11);font-size:4.8rem;color:rgba(255,255,255,.55)}.phone-reel__tag{position:absolute;left:14px;top:20px;font-size:.56rem;font-weight:800;letter-spacing:.1em;background:rgba(255,255,255,.16);padding:5px 7px}.phone-reel__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);color:#111;font-size:1.5rem}.phone-reel strong{font-size:.9rem;line-height:1.3;position:relative}.phone-reel small{font-size:.62rem;color:rgba(255,255,255,.7);position:relative;margin-top:5px}.reels-action{margin:26px 0 66px}.platform-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:58px;align-items:center;margin-top:18px}.platform-copy h3{font-size:2rem;line-height:1.1;margin-bottom:14px}.platform-copy2 h3{font-size:2rem;line-height:1.1;margin:64px auto -20px}.platform-copy p{color:var(--muted)}.platform-checks{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.platform-checks span{font-size:.77rem;font-weight:700;background:#fff;border:1px solid #E9DFC0;padding:9px}.platform-checks i{color:var(--green-deep);margin-right:5px}.platform-browser{background:#fff;border:1px solid #DDD7C3;box-shadow:var(--shadow-lg)}.platform-browser__body{display:grid;grid-template-columns:150px 1fr;min-height:390px}.platform-browser aside{background:#16212E;color:#C6CFD8;padding:18px 12px;display:flex;flex-direction:column;gap:5px}.platform-brand{display:flex;align-items:center;gap:7px;margin-bottom:18px;color:#fff}.platform-brand img{width:26px;height:26px;object-fit:contain}.platform-browser aside>span{display:flex;align-items:center;gap:8px;padding:9px 10px;font-size:.72rem;border-radius:4px}.platform-browser aside>span.is-active{background:rgba(74,125,255,.18);color:#fff}.dashboard{padding:20px;background:#F7F9FC}.dashboard__head{display:flex;justify-content:space-between;align-items:center}.dashboard__head small,.dashboard__head strong{display:block}.dashboard__head small{font-size:.66rem;color:#8C96A4}.dashboard__head span{font-size:.63rem;font-weight:800;color:var(--green-deep);background:#EAFBF1;padding:5px 8px}.dashboard__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.dashboard__stats span{background:#fff;border:1px solid #E4E8ED;padding:12px}.dashboard__stats strong,.dashboard__stats small{display:block}.dashboard__stats strong{font-size:1.2rem}.dashboard__stats small{font-size:.61rem;color:#8D97A4}.chart-card{background:#fff;border:1px solid #E4E8ED;padding:15px}.chart-card__head{display:flex;justify-content:space-between;font-size:.72rem}.chart-card__head small{color:#8D97A4}.chart{position:relative;height:180px;margin-top:8px}.chart__grid{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent 0 35px,#EDF0F4 36px 37px)}.chart svg{position:absolute;inset:12px 0 24px;width:100%;height:130px}.chart__labels{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;font-size:.58rem;color:#8D97A4}.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}.testimonial-card{background:#fff;padding:24px;border:1px solid #E9DFC4;box-shadow:7px 9px 20px rgba(65,52,21,.06)}.testimonial-card i{font-size:1.6rem;color:var(--gold)}.testimonial-card p{font-family:Lora,serif;font-style:italic;color:#40464F}.testimonial-card small{color:var(--soft);font-size:.69rem}

/* CTA */
.final-cta{padding:100px 0;background:linear-gradient(115deg,#4278F5 0%,#3ABF8A 52%,#C7A22E 100%);color:#fff;text-align:center}.final-cta__inner{max-width:900px;position:relative;z-index:2}.final-cta h2{font-size:clamp(2.4rem,5vw,4.5rem);line-height:1;letter-spacing:-.05em;margin-bottom:24px}.final-cta p{max-width:800px;margin:0 auto 12px;color:rgba(255,255,255,.9)}.final-cta__question{margin:32px auto 20px;max-width:760px;padding:22px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.10);backdrop-filter:blur(10px);font-family:Lora,serif;font-size:1.25rem;font-style:italic}.final-cta__question span{display:block;font-family:Manrope,sans-serif;font-style:normal;font-weight:800;font-size:.62rem;letter-spacing:.11em;text-transform:uppercase;margin-bottom:6px;color:rgba(255,255,255,.72)}.final-cta__pillars{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-bottom:26px}.final-cta__pillars span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.23);font-size:.73rem;font-weight:800}.final-cta__actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.final-cta__meta{margin-top:18px!important;font-size:.72rem;color:rgba(255,255,255,.72)!important}.final-cta__mesh{position:absolute;border-radius:50%;background:rgba(255,255,255,.08)}.final-cta__mesh--one{width:260px;height:260px;left:-80px;top:-80px}.final-cta__mesh--two{width:340px;height:340px;right:-120px;bottom:-140px}

/* FOOTER */
.site-footer{position:relative;background:radial-gradient(circle at 75% 15%,rgba(74,125,255,.12),transparent 30%),linear-gradient(180deg,#101720,#0C121A);color:#DCE3EB;overflow:hidden}.site-footer::before{content:"";position:absolute;inset:0;background:url('/site3c/assets/images/footer-journey.svg') center/cover no-repeat;opacity:.13}.site-footer__inner{position:relative;z-index:2;padding:58px 0 28px}.site-footer__top{display:flex;justify-content:space-between;align-items:center;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,.09)}.site-footer__brand{display:flex;align-items:center;gap:12px}.site-footer__brand img{width:48px;height:48px;object-fit:contain}.site-footer__brand strong,.site-footer__brand span{display:block}.site-footer__brand strong{color:#fff}.site-footer__brand span{font-size:.72rem;color:#9EABB8}.site-footer__motto{font-family:Lora,serif;font-style:italic;color:#AEB9C5;margin:0}.site-footer__links{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;padding:36px 0}.site-footer__links>div{display:flex;flex-direction:column;gap:8px}.site-footer__links strong{color:#fff;margin-bottom:5px}.site-footer__links a{font-size:.78rem;color:#AEB9C5}.site-footer__links a:hover{color:#fff}.site-footer__bottom{padding-top:20px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:20px;font-size:.68rem;color:#7E8C9B}.site-footer__glow{position:absolute;border-radius:50%;filter:blur(4px)}.site-footer__glow--one{width:260px;height:260px;right:-90px;top:-70px;background:rgba(215,174,56,.08)}.site-footer__glow--two{width:180px;height:180px;left:-60px;bottom:-80px;background:rgba(74,125,255,.08)}

/* REVEAL */
.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.js .reveal.is-visible{opacity:1;transform:none;text-align: center;}
.no-break{white-space: wrap}
/* RESPONSIVE */
@media(max-width:1100px){
  .hero__grid{grid-template-columns:1fr 1fr;gap:40px}.hero h1{font-size:clamp(3rem,5.5vw,4.5rem)}.hero-tile{min-height:215px}.reels-wrap{grid-template-columns:repeat(4,1fr)}.platform-grid{grid-template-columns:1fr}.faq-grid{grid-template-columns:280px 1fr;gap:44px}
}
@media(max-width:900px){
  .section{padding:78px 0}.site-nav__toggle{display:block}.site-nav__menu{position:absolute;top:78px;left:20px;right:20px;display:none;flex-direction:column;align-items:stretch;gap:0;background:#fff;border:1px solid #E4E9EF;box-shadow:var(--shadow-lg);padding:10px}.site-nav__menu.is-open{display:flex}.site-nav__menu>a{padding:13px}.hero__grid{grid-template-columns:1fr}.hero__content{text-align:center}.hero h1,.hero__lead{margin-left:auto;margin-right:auto}.hero__actions,.hero__trustline{justify-content:center}.hero-mosaic{max-width:720px;margin:auto}.split,.about-grid,.faq-grid{grid-template-columns:1fr}.split__copy{max-width:none}.guide-stage{order:2}.about-visual{max-width:520px;margin:auto}.about-portrait{height:510px}.faq-intro{position:static;text-align:center}.faq-help{justify-content:center}.method-cards{grid-template-columns:1fr}.method-logo{position:relative;left:auto;top:auto;transform:none;margin:0 auto -15px}.reels-wrap{grid-template-columns:repeat(2,220px);justify-content:center}.platform-browser__body{grid-template-columns:120px 1fr}.testimonials{grid-template-columns:1fr}.program-outcome{grid-template-columns:1fr}.pillars{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:680px){
  .container{width:min(calc(100% - 28px),var(--container))}.section{padding:64px 0}.site-nav__inner{width:calc(100% - 28px);height:68px}.site-nav__logo{width:38px;height:38px}.site-nav__menu{top:68px;left:14px;right:14px}.hero{padding-top:58px}.hero h1{font-size:clamp(2.65rem,12vw,4rem)}.hero__lead{font-size:.97rem}.hero__actions{flex-direction:column;align-items:stretch}.hero__trustline{gap:6px}.hero__trustline span{font-size:.68rem}.hero-mosaic{gap:5px;padding:6px;transform:none}.hero-tile{min-height:185px}.hero-tile figcaption{left:12px;right:12px;bottom:11px}.hero-tile figcaption strong{font-size:.95rem}.hero-tile figcaption small{font-size:.66rem}.hero-mosaic__seal{width:62px;height:62px}.hero-mosaic__seal img{width:42px;height:42px}.hero__scroll{display:none}.section-heading h2,.split__copy h2,.about-copy h2,.faq-intro h2{font-size:2.3rem}.berry-story{grid-template-columns:1fr}.berry-story__visual{min-height:210px}.berry-story__copy{padding:24px}.choice-grid{grid-template-columns:1fr}.choice-card--featured{transform:none}.split{gap:42px}.test-ui{padding:20px}.guide-stage{min-height:400px}.guide-book{width:230px;height:330px}.guide-book__cover strong{font-size:1.55rem}.guide-orbit--one{width:320px;height:320px}.guide-orbit--two{width:390px;height:390px}.program-hero{grid-template-columns:1fr}.program-90{width:150px;height:150px; margin:-40px auto -20px;}.program-90 span{font-size:3.5rem}.process-flow{justify-content:flex-start}.program-outcome{padding:22px}.pillars{grid-template-columns:1fr}.about-portrait{height:510px}.about-portrait__badge{right:14px;left:14px}.method-card{min-height:0}.reels-wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.phone-reel{border-width:5px;border-radius:20px;padding:12px}.phone-reel__speaker{font-size:3.3rem}.phone-reel strong{font-size:.75rem}.platform-checks{grid-template-columns:1fr}.platform-browser{overflow:hidden}.platform-browser__body{grid-template-columns:82px 1fr}.platform-browser aside{padding:12px 7px}.platform-browser aside>span{font-size:0;padding:9px;justify-content:center}.platform-browser aside>span i{font-size:1.1rem}.platform-brand strong{display:none}.dashboard{padding:12px}.dashboard__stats span{padding:9px}.chart{height:160px}.accordion-trigger{grid-template-columns:30px 1fr 28px;padding:17px 4px}.accordion-question{font-size:.86rem}.final-cta{padding:78px 0}.final-cta__actions{flex-direction:column}.site-footer__top{align-items:flex-start;gap:18px;flex-direction:column}.site-footer__links{grid-template-columns:1fr;gap:28px}.site-footer__bottom{flex-direction:column}.site-footer__motto{font-size:.85rem}
}
@media(max-width:575px){.no-break {white-space: nowrap; display: inline-block}}
@media(max-width:430px){
  .hero-mosaic{grid-template-columns:1fr 1fr}.hero-tile{min-height:155px}.hero-tile figcaption small{display:none}.hero-mosaic__seal{width:52px;height:52px}.hero-mosaic__seal img{width:34px;height:34px}.reels-wrap{grid-template-columns:1fr 1fr}.phone-reel__tag{top:13px;left:10px}.phone-reel__play{width:38px;height:38px}.guide-stage{min-height:360px}.about-portrait{height:450px}.method-logic__flow i{width:20px}.final-cta h2{font-size:2.6rem}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal{opacity:1;transform:none;transition:none}.transition-3c span,.hero__scroll i{animation:none}}

/* =========================================================
   FOOTER 3C — CARUSEL FOTO
   Desktop (>1100px): landscape
   Tabletă + telefon (<=1100px): portrait / phone
   ========================================================= */
.site-footer{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#0C121A;
  color:#DCE3EB;
}

/* Dezactivează vechiul background SVG al footer-ului. */
.site-footer::before{display:none!important}

.site-footer__carousel{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
}

.site-footer__slide{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  opacity:0;
  transition:opacity 1.2s ease-in-out;
}

.site-footer__slide.is-active{opacity:1}

.site-footer__slide img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center;
}

.site-footer__carousel-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,
      rgba(7,14,24,.93) 0%,
      rgba(7,14,24,.79) 34%,
      rgba(7,14,24,.47) 68%,
      rgba(7,14,24,.52) 100%);
}

.site-footer__inner{
  position:relative;
  z-index:2;
  padding:58px 0 28px;
}

/* Asigură lizibilitate peste fotografii. */
.site-footer__top,
.site-footer__bottom{border-color:rgba(255,255,255,.16)}
.site-footer__brand strong,
.site-footer__links strong{color:#fff}
.site-footer__brand span,
.site-footer__motto,
.site-footer__links a{color:rgba(255,255,255,.78)}
.site-footer__links a:hover{color:#fff}
.site-footer__bottom{color:rgba(255,255,255,.62)}

@media(max-width:1100px){
  .site-footer__carousel-overlay{
    background:
      linear-gradient(180deg,
        rgba(7,14,24,.18) 0%,
        rgba(7,14,24,.40) 42%,
        rgba(7,14,24,.95) 100%);
  }
  .site-footer__slide img{object-position:center center}
}

@media(max-width:680px){
  .site-footer__carousel-overlay{
    background:
      linear-gradient(180deg,
        rgba(7,14,24,.14) 0%,
        rgba(7,14,24,.36) 36%,
        rgba(7,14,24,.97) 100%);
  }
}

@media(prefers-reduced-motion:reduce){
  .site-footer__slide{transition:none}
}


/* particule luminoase */

/* =========================================
   STRATUL DE LUMINĂ
   ========================================= */

.light-effects {
    position: fixed !important;
    inset: 0 !important;

    width: 100vw;
    height: 100vh;

    overflow: hidden;

    pointer-events: none;

    z-index: 99999;
}


/* =========================================
   1. PARTICULE CARE URCĂ
   ========================================= */

.light-particle {
    position: absolute;

    bottom: -20px;

    display: block;

    border-radius: 50%;

    opacity: 0;

    filter: blur(0.3px);

    animation-name: light-rise;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}


@keyframes light-rise {

    0% {
        transform:
            translateY(0)
            translateX(0)
            scale(0.6);

        opacity: 0;
    }

    15% {
        opacity: 0.75;
    }

    60% {
        opacity: 0.50;
    }

    100% {
        transform:
            translateY(-115vh)
            translateX(25px)
            scale(1.1);

        opacity: 0;
    }
}


/* =========================================
   2. PUNCTE DE LUMINĂ CARE PULSEAZĂ
   ========================================= */

.light-pulse {
    position: absolute;

    display: block;

    border-radius: 50%;

    opacity: 0;

    animation:
        light-pulse-animation
        3.5s
        ease-in-out
        forwards;
}


@keyframes light-pulse-animation {

    0% {
        opacity: 0;
        transform: scale(0.3);
    }

    35% {
        opacity: 0.75;
        transform: scale(1);
    }

    55% {
        opacity: 1;
        transform: scale(1.35);
    }

    75% {
        opacity: 0.55;
        transform: scale(0.9);
    }

    100% {
        opacity: 0;
        transform: scale(0.3);
    }
}


/* =========================================
   3. HALO
   ========================================= */

.light-halo {
    position: absolute;

    display: block;

    border-radius: 50%;

    opacity: 0;

    filter: blur(40px);

    transform: translate(-50%, -50%);

    animation:
        halo-breathe
        14s
        ease-in-out
        forwards;
}


@keyframes halo-breathe {

    0% {
        opacity: 0;

        transform:
            translate(-50%, -50%)
            scale(0.7);
    }

    30% {
        opacity: 0.16;
    }

    65% {
        opacity: 0.12;
    }

    100% {
        opacity: 0;

        transform:
            translate(-45%, -55%)
            scale(1.35);
    }
}


/* =========================================
   REDUCEREA ANIMAȚIILOR
   ========================================= */

@media (prefers-reduced-motion: reduce) {
    .light-particles {
        display: none;
    }
}

.site-footer, .footer3c-slide {
    position: relative;
    min-height: 1020px;
    overflow: hidden;
}

@media (max-width: 1100px) {
    .site-footer, .footer3c-slide {
        min-height: 1060px;
    }
}

@media (max-width: 767px) {
    .site-footer, .footer3c-slide {
        min-height: 1020px;
    }
}


/* =========================================================
   FOOTER CAROUSEL + PARALLAX
   ========================================================= */

.site-footer {
    position: relative;

    min-height: 720px;

    overflow: hidden;

    isolation: isolate;

    background: #101722;
}


/* containerul celor 3 fundaluri */

.footer3c-carousel {
    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    z-index: 0;

    overflow: hidden;
}


/* fiecare imagine */

.footer3c-slide {
    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    opacity: 0;

    background-image: var(--footer-bg-desktop);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;

    /* PARALLAX */
    background-attachment: fixed;

    transition: opacity 1.2s ease-in-out;
}


.footer3c-slide.is-active {
    opacity: 1;
}


/* overlay-ul trebuie să fie peste imagini */

.footer3c-overlay {
    position: absolute;

    inset: 0;

    z-index: 1;

    pointer-events: none;
}


/* conținutul footer-ului peste imagine */

.footer3c-content {
    position: relative;

    z-index: 2;
}

@media (max-width: 1100px) {

    .footer3c-slide {
        background-image: var(--footer-bg-mobile);

        /*
         * Pe mobil/tabletă fixed poate funcționa prost,
         * mai ales pe iPhone.
         */
background-attachment: fixed;

        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }
}

.hp-field {
    position: absolute !important;
    left: -9999px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.formMsg {
    display: none;
    margin-top: 14px;
    padding: 12px 14px;
    border-radius: 10px;
    font-size: 14px;
    line-height: 1.5;
}

.formMsg.show {
    display: block;
}

.formMsg.success {
    background: var(--green-pale);
    border: 1px solid rgba(70, 244, 132, .45);
    color: #174c2a;
}

.formMsg.error {
    background: #fff1f1;
    border: 1px solid #f2b5b5;
    color: #8a2424;
}

/* =========================================================
   MODAL GHID
   ========================================================= */

.modalBackdrop {
    position: fixed;
    inset: 0;

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

    padding: 24px;

    background: rgba(15, 23, 42, 0.68);
    backdrop-filter: blur(8px);

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transition:
        opacity .25s ease,
        visibility .25s ease;

    z-index: 100000;
}

.modalBackdrop.open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}


.modalBox {
    position: relative;
    width: min(520px, 100%);
    max-height: calc(100vh - 48px);
    overflow-y: auto;
    padding: 38px 34px;
    background: #ffffff;
    border-radius: 20px;
    box-shadow:
        0 25px 70px rgba(15, 23, 42, .28);
    transform: translateY(18px) scale(.98);
    transition: transform .25s ease;
	text-align: center;
}

.modalBackdrop.open .modalBox {
    transform: translateY(0) scale(1);
}


.modalClose {
    position: absolute;

    top: 14px;
    right: 16px;

    width: 38px;
    height: 38px;

    border: 0;
    border-radius: 50%;

    background: #f4f6f8;

    font-size: 25px;
    line-height: 1;

    cursor: pointer;
}

.modalClose:hover, .image-modal__close:hover	 {
	background: lightpink;
	color: #fff;
	transition: 0.5s ease;
}

.modalClose span {position: relative; top: -2px;}


.guideModalIcon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 54px;
    height: 54px;

    margin-bottom: 18px;

    border-radius: 16px;

    background: var(--blue-pale);

    font-size: 27px;
	margin-left: auto;
    margin-right: auto;
}


.modalBox h2 {
    margin: 8px 0 12px;

    font-size: 30px;
    line-height: 1.15;
}


.modalBox > p:not(.eyebrow) {
    margin-bottom: 24px;

    color: #647084;
    line-height: 1.65;
}


#guideForm {
    display: grid;
    gap: 12px;
}


#guideForm label {
    font-weight: 700;
}


#guideEmail {
    width: 100%;

    min-height: 52px;

    padding: 0 15px;

    border: 1px solid #d9e0e8;
    border-radius: 10px;

    font: inherit;

    outline: none;
}


#guideEmail:focus {
    border-color: #4192ff;

    box-shadow:
        0 0 0 4px rgba(65,146,255,.12);
}


#guideForm button[type="submit"] {
    width: 100%;
    margin-top: 4px;
}


.hp-field {
    position: absolute !important;

    width: 1px !important;
    height: 1px !important;

    left: -9999px !important;

    opacity: 0 !important;

    pointer-events: none !important;
}


.formMsg {
    display: none;

    margin-top: 8px;
    padding: 12px 14px;

    border-radius: 10px;

    line-height: 1.5;
}


.formMsg.show {
    display: block;
}


.formMsg.success {
    background: #effcf4;
    border: 1px solid #a9ebc0;
    color: #176631;
}


.formMsg.error {
    background: #fff2f2;
    border: 1px solid #f3b0b0;
    color: #922626;
}


@media (max-width: 767px) {

    .modalBackdrop {
        padding: 16px;
    }

    .modalBox {
        padding: 32px 22px 24px;

        border-radius: 16px;
    }

    .modalBox h2 {
        font-size: 25px;
    }
}

/* =========================================================
   CONTROALE PLUTITOARE 3C
   Muzică + Scroll Top
   ========================================================= */

.floating-3c-controls {
    position: fixed;

    right: 28px;
    bottom: 28px;

    z-index: 9999;

    display: flex;
    flex-direction: column;
    align-items: center;

    gap: 12px;

    pointer-events: none;
}


/* =========================================================
   BUTON GENERAL
   ========================================================= */

.floating-3c-btn {
    position: relative;

    width: 56px;
    height: 56px;

    margin: 0;
    padding: 2px;

    border: 0;
    border-radius: 50%;

    cursor: pointer;

    pointer-events: auto;

    opacity: .92;

    /*
     * Gradient 3C:
     * Conectare → Competență → Control
     */
    background:
        linear-gradient(
            135deg,
            #4192ff 0%,
            #46f484 52%,
            #e1ff58 100%
        );

    box-shadow:
        0 8px 26px rgba(15, 23, 42, .16),
        0 2px 8px rgba(65, 146, 255, .12);

    transition:
        transform .22s ease,
        opacity .22s ease,
        box-shadow .22s ease,
        filter .22s ease;
}


/* Interior alb / glass */

.floating-3c-btn__inner {
    position: absolute;

    inset: 3px;

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

    border-radius: 50%;

    background:
        rgba(255, 255, 255, .94);

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    overflow: hidden;
}


/* lumină foarte discretă */

.floating-3c-btn__inner::before {
    content: "";

    position: absolute;

    width: 34px;
    height: 34px;

    top: -13px;
    left: -9px;

    border-radius: 50%;

    background:
        rgba(255,255,255,.85);

    filter: blur(8px);

    pointer-events: none;
}


/* ICON */

.floating-3c-btn i {
    position: relative;

    z-index: 2;

    font-size: 27px;

    color: #29435f;

    transition:
        transform .22s ease,
        color .22s ease;
}


/* =========================================================
   HOVER
   ========================================================= */

.floating-3c-btn:hover {
    opacity: 1;

    transform:
        translateY(-3px)
        scale(1.055);

    box-shadow:
        0 12px 32px rgba(15, 23, 42, .20),
        0 4px 14px rgba(65, 146, 255, .18);

    filter: saturate(1.08);
}


.floating-3c-btn:hover i {
    color: #17613a;

    transform: scale(1.08);
}


/* =========================================================
   ACTIVE
   ========================================================= */

.floating-3c-btn:active {
    transform:
        translateY(-1px)
        scale(.97);
}


/* =========================================================
   FOCUS — accesibilitate tastatură
   ========================================================= */

.floating-3c-btn:focus-visible {
    outline: 3px solid rgba(65, 146, 255, .28);
    outline-offset: 4px;
}


/* =========================================================
   AUDIO
   ========================================================= */

.floating-3c-audio i {
    /*
     * bx-play are optic nevoie să stea puțin mai la dreapta.
     */
    margin-left: 2px;
}


/*
 * Halo foarte discret în jurul muzicii.
 * Sugerează sunet / energie fără inimioare.
 */
.floating-3c-audio::after {
    content: "";

    position: absolute;

    inset: -5px;

    border-radius: 50%;

    border: 1px solid rgba(70, 244, 132, .22);

    opacity: 0;

    transform: scale(.88);

    transition:
        opacity .25s ease,
        transform .25s ease;

    pointer-events: none;
}


.floating-3c-audio:hover::after {
    opacity: 1;
    transform: scale(1);
}


/* =========================================================
   SCROLL TOP
   ========================================================= */

#myBtn {
    /*
     * JS-ul scrolltop.js îl va controla.
     */
    display: none;
}


.floating-3c-scroll i {
    font-size: 31px;
}


/*
 * Nu mai folosim:
 * #myBtn::before { content:"⋀"; }
 *
 * Avem icon Boxicons real.
 */


/* =========================================================
   EFECT OPȚIONAL CÂND AUDIO ESTE ÎN REDARE
   Dacă audio.js adaugă ulterior clasa .is-playing
   ========================================================= */

.floating-3c-audio.is-playing {
    opacity: 1;

    box-shadow:
        0 10px 30px rgba(65, 146, 255, .18),
        0 0 0 5px rgba(70, 244, 132, .08);
}


.floating-3c-audio.is-playing::after {
    opacity: 1;

    animation:
        audio3cPulse 2.2s ease-out infinite;
}


@keyframes audio3cPulse {

    0% {
        transform: scale(.90);
        opacity: .5;
    }

    70% {
        transform: scale(1.24);
        opacity: 0;
    }

    100% {
        transform: scale(1.24);
        opacity: 0;
    }

}


/* =========================================================
   TABLETĂ
   ========================================================= */

@media (max-width: 1100px) {

    .floating-3c-controls {
        right: 20px;
        bottom: 22px;

        gap: 10px;
    }

}


/* =========================================================
   TELEFON
   ========================================================= */

@media (max-width: 767px) {

    .floating-3c-controls {
        right: 15px;
        bottom: 18px;

        gap: 9px;
    }


    .floating-3c-btn {
        width: 49px;
        height: 49px;
    }


    .floating-3c-btn i {
        font-size: 24px;
    }


    .floating-3c-scroll i {
        font-size: 28px;
    }
.guide-book__spine{bottom:-61px;     left: 10px;}
}


/* =========================================================
   TELEFOANE FOARTE MICI
   ========================================================= */

@media (max-width: 380px) {

    .floating-3c-controls {
        right: 11px;
        bottom: 14px;
    }


    .floating-3c-btn {
        width: 46px;
        height: 46px;
    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .floating-3c-btn,
    .floating-3c-btn i,
    .floating-3c-audio::after {
        transition: none;
        animation: none;
    }

}

.btn--zoom {
    transform-origin: center;
    animation: buttonZoom 1.4s ease-in-out infinite alternate;
}

@keyframes buttonZoom {
    from {
        transform: scale(0.9);
    }

    to {
        transform: scale(1);
    }
}

.btn--zoom:hover {
    animation-play-state: paused;
    transform: scale(1);
	box-shadow: none;
}

.guide-book {
    position: relative;
    width: min(390px, 90%);
    margin: 0 auto;
    z-index: 2;
}

.guide-book__cover {
    position: relative;
    display: block;
    width: 81.5%;
    margin: 0;
    z-index: 3;
    filter: drop-shadow(12px 14px 12px rgba(30, 40, 50, 0.16));
}


/* PAGINA ALBĂ DE SUB COPERTĂ */
.guide-book__page {

    margin: 35px auto 0;

}

.guide-book__page small {
    display: block;
    margin-bottom: 10px;

    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.08em;

    color: #59616c;
}


.guide-book__page strong {
    display: block;
    margin-bottom: 13px;

    font-family: Manrope, sans-serif;
    font-size: 18px;
    line-height: 1.35;

    color: #243246;
}


.guide-book__page span {
    display: block;

    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 1.55;

    color: #5d6673;
}

#ghid {
    padding: 76px 0 10rem;
}

.guide-layout {
    display: grid;

    grid-template-columns: minmax(300px, 1fr) minmax(320px, 1fr);

    grid-template-areas:
        "book heading"
        "book copy";

    column-gap: 80px;
    align-items: center;
}


.guide-heading {
    grid-area: heading;
    align-self: end;
}


.guide-stage {
    grid-area: book;

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

    min-width: 0;
}


.guide-copy {
    grid-area: copy;
    align-self: start;
}


.guide-book {
    width: min(390px, 100%);
    margin: 0 auto;
}


.guide-book__cover {
    display: block;
    width: 81.5%;
    height: auto;
	margin: auto;
}


.guide-book__page span {
    display: block;
    max-width: 290px;
    margin: 0 auto;
}

@media (max-width: 768px) {

    #ghid {
        padding: 70px 0 90px;
    }

    .guide-layout {
        display: grid;

        grid-template-columns: 1fr;

        grid-template-areas:
            "heading"
            "book"
            "copy";

        gap: 0;
    }


    /* TITLUL */
    .guide-heading {
        grid-area: heading;

        text-align: center;

        margin-bottom: 35px;
    }


    .guide-heading h2 {
        margin-top: 10px;
        margin-bottom: 0;
    }


    /* CARTEA */
    .guide-stage {
        grid-area: book;

        width: 100%;

        display: flex;
        justify-content: center;

        margin-bottom: 45px;
    }


    .guide-book {
        width: min(340px, 88vw);
        max-width: 100%;
        margin: 0 auto;
    }

    .guide-book__page {
        width: 100%;
        box-sizing: border-box;
		        margin: 40px -10px;
    }

	.section-label, .eyebrow {font-size: 0.6rem;}


    .guide-book__page span {
        width: 100%;
        max-width: 260px;
        margin: 0 auto;

        padding: 0;

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


    /* TEXT */
    .guide-copy {
        grid-area: copy;

        width: 100%;
        text-align: center;
		margin-top: 13rem;
    }


    /* BUTON */
    .guide-copy .btn {
        width: 100%;
        justify-content: center;

        margin-top: 10px;
    }


    .guide-copy .microcopy {
        text-align: center;
		margin-bottom: -90px;
    }
	.berry-story__visual{margin-left:0}
}

/* Imaginea din Hero */
.hero-composite__zoom {
    position: relative;

    display: block;

    width: 100%;
    padding: 0;

    background: none;
    border: 0;

    cursor: zoom-in;
}

.hero-composite__image {
    display: block;

    width: 100%;
    height: auto;
}


/* iconiță zoom */
.hero-composite__zoom-icon {
    position: absolute;

    right: 18px;
    bottom: 18px;

    width: 44px;
    height: 44px;

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

    border-radius: 50%;

    background: rgba(255, 255, 255, 0.92);

    color: #243246;

    font-size: 25px;

    box-shadow: 0 5px 18px rgba(0, 0, 0, 0.15);

    opacity: 0;
    transform: scale(0.85);

    transition:
        opacity 0.25s ease,
        transform 0.25s ease;
}


.hero-composite__zoom:hover .hero-composite__zoom-icon {
    opacity: 1;
    transform: scale(1);
}


/* MODAL */
.image-modal {
    position: fixed;
    inset: 0;

    width: 100vw;
    height: 100vh;

    max-width: none;
    max-height: none;

    margin: 0;
    padding: 0;

    border: 0;
    background: transparent;

    overflow: hidden;
}

/* Doar când modalul este deschis */
.image-modal[open] {
    display: flex;
    align-items: center;
    justify-content: center;
}


.image-modal::backdrop {
    background: rgba(10, 17, 29, 0.88);
    backdrop-filter: blur(5px);
}


/* imaginea mare */
.image-modal__image {
    display: block;

    max-width: 92vw;
    max-height: 90vh;

    width: auto;
    height: auto;

    object-fit: contain;

    border-radius: 10px;

    box-shadow: 0 25px 70px rgba(0, 0, 0, 0.45);
}

/* buton X */
.image-modal__close {
    position: absolute;

   top: 24px;
    right: 24px;

    z-index: 5;

    width: 46px;
    height: 46px;

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

    padding: 0;

    border: 0;
    border-radius: 50%;

    background: #ffffff;

    color: #1f2937;

    font-size: 30px;

    cursor: pointer;

    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.25);
}


/* telefon */
@media (max-width: 768px) {
    .image-modal__close {
        position: fixed;

        top: 12px;
        right: 12px;

        z-index: 9999;

        width: 42px;
        height: 42px;

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

        border: 0;
        border-radius: 50%;

        background: #fff;
        color: #1f2937;

        font-size: 28px;
        cursor: pointer;

        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
    }
}

.c-lane__header-blue {background: var(--blue-pale)}
.c-lane__header-green {background: var(--green-pale)}
.c-lane__header-gold {background: var(--gold-pale)}

.hero h1 span:nth-of-type(2)::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 8px;
    background: var(--gold-soft);
    transition: .25s;
}


/* ABOUT care trebuia sa fie sus */

.about-grid {
    display: grid;
    grid-template-columns: 420px 1fr;
    gap: 70px;
    align-items: center;
}

.about-visual {
    position: relative;
    min-width: 0;
}


/* PORTRET */
.about-portrait {
    position: relative;

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

    aspect-ratio: 3 / 4;

    margin: 0 auto;

    border: 10px solid #fff;
    border-radius: 10px;

    background: #fff;

    box-shadow: 0 0 20px 20px rgba(26, 37, 52, .14);

    overflow: hidden;
}


/* CONTAINER IMAGINE */
.about-portrait__placeholder {
    position: absolute;
    inset: 0;

    overflow: hidden;

    background: #fff;

    border-radius: 2px;
}


/* IMAGINEA */
.about-portrait__placeholder img {
    position: absolute;
    inset: -3px;

    width: calc(100% + 6px);
    height: calc(100% + 6px);

    display: block;

    object-fit: cover;
    object-position: center 30%;
}


.about-portrait__placeholder i {
    font-size: 7rem;
    color: #B7C5D8;
}

.about-portrait__placeholder span {
    font-family: Manrope, sans-serif;
    font-weight: 800;
}

.about-portrait__placeholder small {
    font-size: .72rem;
}


/* BADGE NUME */
.about-portrait__badge {
    position: absolute;

    left: 6px;
    right: 10px;
    bottom: 26px;

    z-index: 2;

    display: flex;
    align-items: center;
    gap: 12px;

    padding: 13px 16px;

    background: #fff;

    border-radius: 10px 0;

    box-shadow: var(--shadow);
}

.about-portrait__badge img {
    width: 46px;
    height: 46px;

    object-fit: contain;
}

.about-portrait__badge strong,
.about-portrait__badge small {
    display: block;
}

.about-portrait__badge small {
    color: var(--soft);
    font-size: .72rem;
}


/* ELEMENTE DE DOVADĂ */
.about-proof {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;

    margin-top: 18px;
}

.about-proof span {
    padding: 7px 9px;

    background: #fff;

    border: 1px solid #DDE6F3;

    color: #59687A;

    font-size: .7rem;
    font-weight: 800;
}


/* TEXT */
.about-copy p {
    color: var(--muted);
}

.about-copy > p {
    max-width: 720px;

    margin-left: auto;
    margin-right: auto;

    line-height: 1.65;
}


/* CASETA PROMISIUNE */
.promise-box {
    display: grid;
    grid-template-columns: 54px 1fr;
    gap: 14px;

    padding: 20px;
    margin: 26px 0;

    background: #fff;

    border-left: 4px solid var(--blue);
    border-radius: 6px;

    box-shadow:
        0 10px 30px rgba(25, 45, 75, .07);
}

.promise-box__icon {
    width: 44px;
    height: 44px;

    display: grid;
    place-items: center;

    border-radius: 50%;

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

    font-size: 1.2rem;
}

.promise-box strong {
    display: block;
}

.promise-box p {
    margin: 5px 0 0;

    color: var(--muted);

    font-size: .88rem;
}


/* CITAT */
.quote {
    margin: 22px 0;

    color: #314056;

    font-style: italic;
    font-size: 1rem;
}


/* TABLETĂ / MOBIL */
@media (max-width: 900px) {

    .about-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .about-visual {
        width: 100%;
    }

    .about-portrait {
        width: min(420px, calc(100% - 30px));
        max-width: 100%;

        aspect-ratio: 3 / 4;

        margin-left: auto;
        margin-right: auto;
    }

    .about-portrait__badge {
        left: 18px;
        right: -18px;
        bottom: 22px;
    }

    .about-copy {
        width: 100%;
    }
}


/* TELEFON */
@media (max-width: 576px) {

    .about-grid {
        gap: 38px;
    }

    .about-portrait {
        width: calc(100% - 24px);

        border-width: 7px;

        box-shadow:
            0 8px 28px rgba(26, 37, 52, .16);
    }

    .about-portrait__badge {
        left: 14px;
        right: -10px;
        bottom: 18px;

        gap: 10px;

        padding: 11px 13px;
    }

    .about-portrait__badge img {
        width: 40px;
        height: 40px;
    }

    .about-portrait__badge strong {
        font-size: .92rem;
    }

    .about-portrait__badge small {
        font-size: .68rem;
    }

    .about-proof {
        justify-content: center;
    }

    .promise-box {
        grid-template-columns: 44px 1fr;
        gap: 12px;

        padding: 16px;
    }

    .promise-box__icon {
        width: 40px;
        height: 40px;
    }
}

.value-proposition-link {
    display: block;
    text-decoration: none;
}

.value-proposition-image {
    display: block;
    width: 90%;
    height: auto;
    border-radius: 2px;
    transition: transform .35s ease, box-shadow .35s ease;
	margin: 0 auto 2rem;
	border-radius: 10px;
	box-shadow: 0px 10px 20px 5px rgba(27, 36, 48, .14);
	transform: scale(1.015);
}

.value-proposition-link:hover .value-proposition-image {
    transform: scale(0.98);
	box-shadow: none;
}

/* =========================================================
   CLARIFICĂRI PROGRAM
   ========================================================= */

.program-clarifications {
    width: 100%;
    max-width: 1050px;

    margin: 30px auto 38px;

    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}


/* CARD */

.program-clarification {
    position: relative;

    display: flex;
    align-items: flex-start;
    gap: 14px;

    padding: 20px 22px;

    border: 1px solid;
    border-radius: 2px;

    box-shadow:
        6px 8px 20px rgba(27, 36, 48, .06);
}


/* ALBASTRU */

.program-clarification--blue {
    background: #F4F8FF;
    border-color: rgba(74, 125, 255, .22);
}


/* VERDE */

.program-clarification--green {
    background: #F4FFF8;
    border-color: rgba(83, 217, 140, .24);
}


/* ICON */

.program-clarification__icon {
    flex: 0 0 42px;

    width: 42px;
    height: 42px;

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

    border-radius: 50%;

    background: #ffffff;

    font-size: 23px;
}


.program-clarification--blue .program-clarification__icon {
    color: #4A7DFF;
    border: 1px solid rgba(74, 125, 255, .25);
}


.program-clarification--green .program-clarification__icon {
    color: #37A96A;
    border: 1px solid rgba(83, 217, 140, .30);
}


/* TEXT */

.program-clarification__content {
    min-width: 0;
}


.program-clarification__content strong {
    display: block;

    margin: 1px 0 7px;

    font-family: "Manrope", sans-serif;
    font-size: 16px;
    line-height: 1.35;
    font-weight: 750;

    color: #1B2430;
}


.program-clarification__content p {
    margin: 0;

    font-family: "Inter", sans-serif;
    font-size: 14px;
    line-height: 1.65;

    color: #5B6675;
}


/* =========================================================
   TABLETĂ / MOBIL
   ========================================================= */

@media (max-width: 800px) {

    .program-clarifications {
        grid-template-columns: 1fr;

        margin-top: 24px;
        margin-bottom: 30px;

        gap: 12px;
    }

}


@media (max-width: 520px) {

    .program-clarification {
        gap: 11px;
        padding: 17px 16px;
    }


    .program-clarification__icon {
        flex-basis: 36px;

        width: 36px;
        height: 36px;

        font-size: 20px;
    }


    .program-clarification__content strong {
        font-size: 15px;
    }


    .program-clarification__content p {
        font-size: 13.5px;
        line-height: 1.6;
    }
}

/* =========================================================
   CLARIFICARE DURATĂ PROGRAM
   ========================================================= */

.program-duration-note {
    width: fit-content;
    max-width: 760px;

    margin: -34px auto 28px;

    display: flex;
    align-items: flex-start;
    gap: 10px;

    padding: 11px 15px;

    background: #FFFDF2;
    border: 1px solid rgba(243, 222, 139, .75);
    border-radius: 2px;

    color: #5B6675;
}


.program-duration-note i {
    flex: 0 0 auto;

    margin-top: 2px;

    font-size: 20px;
    color: #B28B24;
}


.program-duration-note p {
    margin: 0;

    font-family: "Inter", sans-serif;
    font-size: 13.5px;
    line-height: 1.55;
}


.program-duration-note strong {
    color: #1B2430;
    font-weight: 700;
}


/* MOBIL */

@media (max-width: 600px) {

    .program-duration-note {
        margin: 12px 0 24px;
        padding: 10px 12px;
    }

    .program-duration-note p {
        font-size: 13px;
    }

}


/* =========================================================
   PROGRAM — CONȚINUT GENERAL



.program-block {
    margin-top: 64px;
}


.program-block:first-child {
    margin-top: 0;
}


.program-block__heading {
    max-width: 760px;

    margin: 0 auto 30px;

    text-align: center;
}


.program-block__eyebrow {
    display: inline-block;

    margin-bottom: 9px;

    font-family: "Inter", sans-serif;
    font-size: 12px;
    line-height: 1;
    font-weight: 750;

    letter-spacing: .12em;
    text-transform: uppercase;
	text-align: center;
    color: #4A7DFF;
}


.program-block__heading h3 {
    margin: 0 0 12px;

    font-family: "Manrope", sans-serif;
    font-size: clamp(28px, 3vw, 42px);
    line-height: 1.15;
    font-weight: 800;

    color: #1B2430;
}


.program-block__heading p {
    margin: 0;

    font-family: "Inter", sans-serif;
    font-size: 16px;
    line-height: 1.75;

    color: #657181;
}



/* =========================================================
   CE VEI LUCRA — 3C
   ========================================================= */

.program-work-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 20px;
}


.program-work-card {
    position: relative;

    padding: 28px 25px 26px;

    border: 1px solid;
    border-radius: 2px;

    overflow: hidden;

    box-shadow:
        7px 9px 24px rgba(27, 36, 48, .07);
}


.program-work-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 4px;
}


.program-work-card--blue {
    background: #F4F8FF;
    border-color: rgba(74,125,255,.18);
}


.program-work-card--blue::before {
    background: #4A7DFF;
}


.program-work-card--green {
    background: #F4FFF8;
    border-color: rgba(83,217,140,.22);
}


.program-work-card--green::before {
    background: #53D98C;
}


.program-work-card--gold {
    background: #FFFDF2;
    border-color: rgba(199,162,46,.25);
}


.program-work-card--gold::before {
    background: #D1B24C;
}


.program-work-card__icon {
    width: 50px;
    height: 50px;

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

    margin-bottom: 22px;

    border-radius: 50%;

    background: #ffffff;

    font-size: 26px;

    box-shadow:
        4px 5px 15px rgba(27,36,48,.06);
}


.program-work-card--blue .program-work-card__icon {
    color: #4A7DFF;
}


.program-work-card--green .program-work-card__icon {
    color: #36A769;
}


.program-work-card--gold .program-work-card__icon {
    color: #AA8726;
}


.program-work-card__number {
    position: absolute;

    top: 24px;
    right: 22px;

    font-family: "Manrope", sans-serif;
    font-size: 12px;
    font-weight: 800;

    color: #9AA5B2;
}


.program-work-card h4 {
    margin: 0 0 7px;

    font-family: "Manrope", sans-serif;
    font-size: 21px;
    font-weight: 800;

    color: #1B2430;
	position: relative;
    top: -65px;
}


.program-work-card__subtitle {
    min-height: 48px;

    margin: 0 0 17px;

    font-size: 14px;
    line-height: 1.6;

    color: #657181;
	margin: -50px auto -10px;
}


.program-work-card ul {
    margin: 0;
    padding: 0;
    text-align: left;
    list-style: none;
}


.program-work-card li {
    position: relative;
    margin-top: 10px;
    padding-left: 20px;

    font-size: 13.5px;
    line-height: 1.55;
    color: #4B5563;
}

.program-work-card li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0.05em;

    font-size: 14px;
    font-weight: 800;
    line-height: 1;
}

/* albastru - varianta mai închisă */
.program-work-card--blue li::before {
    color: #2F5EDB;
}

/* verde - varianta mai închisă */
.program-work-card--green li::before {
    color: #239457;
}

/* auriu - varianta mai închisă */
.program-work-card--gold li::before {
    color: #A57B19;
}


/* =========================================================
   CUM FUNCȚIONEAZĂ PROCESUL
   ========================================================= */

.program-process-flow {
    position: relative;

    max-width: 940px;

    margin: 0 auto;
}


.program-process-flow::before {
    content: "";

    position: absolute;

    top: 30px;
    bottom: 30px;
    left: 29px;

    width: 2px;

    background:
        linear-gradient(
            to bottom,
            #4A7DFF 0%,
            #53D98C 52%,
            #D1B24C 100%
        );

    opacity: .28;
}


.program-process-step {
    position: relative;

    display: grid;

    grid-template-columns:
        60px
        45px
        minmax(0, 1fr);

    align-items: start;

    gap: 14px;

    margin-bottom: 17px;

    padding: 17px 20px 17px 0;

    border-bottom: 1px solid #E8EDF2;
}


.program-process-step:last-child {
    margin-bottom: 0;
    border-bottom: 0;
}


.program-process-step__icon {
    position: relative;

    z-index: 2;

    width: 58px;
    height: 58px;

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

    border-radius: 50%;

    background: #ffffff;

    font-size: 27px;

    box-shadow:
        5px 7px 20px rgba(27,36,48,.08);
}


.program-process-step__icon--blue {
    color: #4A7DFF;
}


.program-process-step__icon--bluegreen {
    color: #479FC3;
}


.program-process-step__icon--green {
    color: #38AE6D;
}


.program-process-step__icon--greengold {
    color: #82AE56;
}


.program-process-step__icon--gold {
    color: #B08B28;
}


.program-process-step__number {
    padding-top: 18px;

    font-family: "Manrope", sans-serif;
    font-size: 12px;
    font-weight: 800;

    color: #9AA5B2;
}


.program-process-step__content {
    padding-top: 8px;
}


.program-process-step h4 {
    margin: 0 0 5px;

    font-family: "Manrope", sans-serif;
    font-size: 18px;
    font-weight: 800;

    color: #1B2430;
}


.program-process-step p {
    margin: 0;

    font-size: 14px;
    line-height: 1.65;

    color: #606C7A;
}



/* =========================================================
   REZUMAT VIZUAL PROCES
   ========================================================= */

.program-process-summary {
    margin: 31px auto 0;

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

    gap: 8px;

    font-size: 13px;
    font-weight: 700;

    color: #536070;
}


.program-process-summary span {
    padding: 7px 11px;

    background: #F7F9FC;
    border: 1px solid #E3E9F0;
    border-radius: 2px;
}


.program-process-summary i {
    font-size: 20px;
    color: #9AA6B2;
}



/* =========================================================
   VIDEO PROGRAM
   ========================================================= */

.program-video {
    position: relative;

    width: 100%;

    aspect-ratio: 16 / 9;

    overflow: hidden;

    background: #111827;

    border-radius: 2px;

    box-shadow:
        10px 13px 34px rgba(27,36,48,.15);
}


.program-video iframe {
    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    border: 0;
}



/* =========================================================
   REZULTAT / GRAFIC
   ========================================================= */

.program-result-note {
    max-width: 880px;

    margin: 48px auto 0;

    display: flex;
    align-items: flex-start;

    gap: 17px;

    padding: 22px 24px;

    background:
        linear-gradient(
            115deg,
            rgba(74,125,255,.08) 0%,
            rgba(83,217,140,.08) 52%,
            rgba(243,222,139,.18) 100%
        );

    border: 1px solid rgba(74,125,255,.15);
    border-radius: 2px;
}


.program-result-note__icon {
    flex: 0 0 46px;

    width: 46px;
    height: 46px;

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

    border-radius: 50%;

    background: #ffffff;

    color: #4A7DFF;
    font-size: 25px;

    box-shadow:
        4px 5px 14px rgba(27,36,48,.07);
}


.program-result-note strong {
    display: block;

    margin-bottom: 5px;

    font-family: "Manrope", sans-serif;
    font-size: 16px;
    font-weight: 800;

    color: #1B2430;
}


.program-result-note p {
    margin: 0;

    font-size: 14px;
    line-height: 1.65;

    color: #5D6978;
}



/* =========================================================
   TABLETĂ
   ========================================================= */

@media (max-width: 900px) {

    .program-work-grid {
        grid-template-columns: 1fr;
    }


    .program-work-card__subtitle {
        min-height: 0;
		margin: -50px auto 10px;
    }

}



/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 600px) {



    .program-block {
        margin-top: 48px;
    }


    .program-block__heading {
        margin-bottom: 23px;
        text-align: center;
    }


    .program-block__heading h3 {
        font-size: 27px;
    }


    .program-block__heading p {
        font-size: 14.5px;
    }


    .program-work-card {
        padding: 24px 20px 22px;
    }


    .program-process-flow::before {
        left: 23px;
    }


    .program-process-step {
        grid-template-columns:
            48px
            minmax(0, 1fr);

        gap: 13px;

        padding-right: 0;
    }


    .program-process-step__icon {
        width: 46px;
        height: 46px;

        font-size: 23px;
    }


    .program-process-step__number {
        display: none;
    }


    .program-process-step__content {
        padding-top: 2px;
    }


    .program-process-summary {
        justify-content: flex-start;
    }


    .program-result-note {
        gap: 12px;

        padding: 18px 16px;
    }


    .program-result-note__icon {
        flex-basis: 40px;

        width: 40px;
        height: 40px;

        font-size: 22px;
    }

	    .program-work-card__subtitle {
        min-height: 0;
		margin: -50px auto 20px;
    }

}

/* =========================================================
   PROGRAM - ETAPE ANIMATE LA SCROLL
   ========================================================= */

.program-process-step {
    opacity: 0;
    transform: translateY(28px) scale(.985);

    transition:
        opacity .55s ease,
        transform .65s cubic-bezier(.22, 1, .36, 1);
}


/* etapa este în zona vizibilă */
.program-process-step.is-visible {
    opacity: 1;
    transform: translateY(0) scale(1);
}


/* iconița are o mișcare foarte discretă */
.program-process-step__icon {
    transition:
        transform .6s cubic-bezier(.22, 1, .36, 1),
        box-shadow .6s ease;
}


.program-process-step.is-visible .program-process-step__icon {
    transform: scale(1.04);

    box-shadow:
        6px 8px 22px rgba(27, 36, 48, .10);
}


/* accesibilitate */
@media (prefers-reduced-motion: reduce) {

    .program-process-step {
        opacity: 1;
        transform: none;
        transition: none;
    }

    .program-process-step__icon {
        transform: none !important;
        transition: none;
    }

}


/* =========================================================
   FIECARE COLOANĂ
   ========================================================= */

.c-lane {
    --lane-color: #4A7DFF;
    --lane-dark: #2F5EDB;
    --lane-soft: #F4F8FF;
    --lane-progress: 0;

    position: relative;

    min-width: 0;

    padding: 0 20px 22px;

    background: #fff;

    border: 1px solid rgba(27, 36, 48, .08);
    border-radius: 2px;

    overflow: hidden;

    box-shadow:
        7px 9px 24px rgba(27, 36, 48, .06);

    transition:
        transform .45s cubic-bezier(.22, 1, .36, 1),
        box-shadow .45s ease,
        border-color .45s ease;
}


/* culorile fiecărei coloane */

.c-lane--blue {
    --lane-color: #4A7DFF;
    --lane-dark: #2F5EDB;
    --lane-soft: #F4F8FF;
}


.c-lane--green {
    --lane-color: #53D98C;
    --lane-dark: #238C54;
    --lane-soft: #F4FFF8;
}


.c-lane--gold {
    --lane-color: #F3DE8B;
    --lane-dark: #9B761F;
    --lane-soft: #FFFDF2;
}



/* =========================================================
   HEADERUL COLOANEI
   ========================================================= */

.c-lane__header {
    position: relative;

    margin:
        0
        -20px
        24px;

    padding: 22px 22px 20px;

    border-bottom: 1px solid rgba(27, 36, 48, .07);

    transition:
        background .45s ease,
        transform .45s cubic-bezier(.22, 1, .36, 1),
        box-shadow .45s ease;
}


.c-lane__header::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background: var(--lane-color);

    transform: scaleX(.25);
    transform-origin: left center;

    opacity: .45;

    transition:
        transform .7s cubic-bezier(.22, 1, .36, 1),
        opacity .45s ease;
}


.c-lane__header strong {
    display: block;

    margin-bottom: 8px;

    font-family: "Manrope", sans-serif;

    font-size: 21px;
    line-height: 1.25;

    font-weight: 800;

    color: #1B2430;
}


.c-lane__header small {
    display: block;

    font-family: "Inter", sans-serif;

    font-size: 13.5px;
    line-height: 1.65;

    color: #657181;
}


/* fundaluri */

.c-lane__header-blue {
    background: #F4F8FF;
}


.c-lane__header-green {
    background: #F4FFF8;
}


.c-lane__header-gold {
    background: #FFFDF2;
}



/* =========================================================
   HEADER ACTIV
   ========================================================= */

.c-lane.is-active {
    transform: translateY(-3px);

    border-color:
        color-mix(
            in srgb,
            var(--lane-color) 26%,
            transparent
        );

    box-shadow:
        9px 12px 30px rgba(27, 36, 48, .10);
}


.c-lane.is-active .c-lane__header {
    background: var(--lane-soft);
}


.c-lane.is-active .c-lane__header::before {
    transform: scaleX(1);
    opacity: 1;
}



/* =========================================================
   LISTA
   ========================================================= */

.c-lane ol {
    position: relative;

    margin: 0;
    padding: 0;

    list-style: none;
}



/* =========================================================
   LINIA DE FUNDAL
   ========================================================= */

.c-lane ol::before {
    content: "";

    position: absolute;

    z-index: 0;

    top: 21px;
    bottom: 21px;
    left: 21px;

    width: 2px;

    background: #E4EAF0;
}



/* =========================================================
   LINIA COLORATĂ DE PROGRES
   ========================================================= */

.c-lane ol::after {
    content: "";

    position: absolute;

    z-index: 1;

    top: 21px;
    left: 21px;

    width: 2px;

    height:
        calc(
            var(--lane-progress, 0) * 1%
        );

    max-height: calc(100% - 42px);

    background:
        linear-gradient(
            to bottom,
            var(--lane-color),
            var(--lane-dark)
        );

    transition: height .18s linear;
}



/* =========================================================
   ETAPA
   ========================================================= */

.c-lane li {
    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns:
        44px
        minmax(0, 1fr);

    align-items: start;

    gap: 13px;

    margin: 0 0 19px;

    padding: 0;

    opacity: 0;

    transform:
        translateY(24px)
        scale(.985);

    transition:
        opacity .55s ease,
        transform .65s cubic-bezier(.22, 1, .36, 1);
}


.c-lane li:last-child {
    margin-bottom: 0;
}



/* vizibil */

.c-lane li.is-visible {
    opacity: 1;

    transform:
        translateY(0)
        scale(1);
}



/* =========================================================
   NUMERELE
   ========================================================= */

.c-lane li > span {
    position: relative;
    z-index: 3;

    width: 43px;
    height: 43px;

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

    border-radius: 50%;

    border: 2px solid var(--lane-color);

    background: #fff;

    color: var(--lane-dark);

    font-family: "Manrope", sans-serif;

    font-size: 13px;
    line-height: 1;

    font-weight: 800;

    box-shadow:
        3px 4px 12px rgba(27, 36, 48, .06);

    transition:
        background .45s ease,
        color .45s ease,
        border-color .45s ease,
        transform .45s cubic-bezier(.22, 1, .36, 1),
        box-shadow .45s ease;
}



/* numărul se umple când etapa este activă */

.c-lane li.is-visible > span {
    background: var(--lane-dark);

    border-color: var(--lane-dark);

    color: #fff;

    transform: scale(1.04);

    box-shadow:
        4px 6px 15px rgba(27, 36, 48, .12);
}



/* =========================================================
   TEXTUL ETAPEI
   ========================================================= */

.c-lane li > div {
    padding-top: 2px;

    transition:
        transform .3s ease;
}


.c-lane li strong {
    display: block;

    margin-bottom: 5px;

    font-family: "Manrope", sans-serif;

    font-size: 15px;
    line-height: 1.42;

    font-weight: 750;

    color: #1B2430;
}


.c-lane li small {
    display: block;

    font-family: "Inter", sans-serif;

    font-size: 13px;
    line-height: 1.58;

    color: #657181;
}



/* =========================================================
   HOVER DESKTOP
   ========================================================= */

@media (hover: hover) {

    .c-lane li:hover > div {
        transform: translateX(5px);
    }


    .c-lane li:hover > span {
        transform: scale(1.09);

        background: var(--lane-dark);

        border-color: var(--lane-dark);

        color: #fff;
    }

}



/* =========================================================
   TABLETĂ
   ========================================================= */

@media (max-width: 980px) {

   
    .c-lane {
        padding-left: 16px;
        padding-right: 16px;
    }


    .c-lane__header {
        margin-left: -16px;
        margin-right: -16px;

        padding-left: 18px;
        padding-right: 18px;
    }


    .c-lane li {
        grid-template-columns:
            40px
            minmax(0, 1fr);

        gap: 10px;
    }


    .c-lane li > span {
        width: 39px;
        height: 39px;
    }


    .c-lane ol::before,
    .c-lane ol::after {
        left: 19px;
    }

}



/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 767px) {

   


    /*
     * Cele trei direcții devin un singur traseu vertical.
     */

    .c-lane {
        width: 100%;

        margin-bottom: 18px;

        padding:
            0
            16px
            23px;

        box-shadow:
            5px 7px 20px rgba(27, 36, 48, .06);
    }


    .c-lane:last-child {
        margin-bottom: 0;
    }


    .c-lane.is-active {
        transform: none;

        box-shadow:
            6px 9px 25px rgba(27, 36, 48, .09);
    }



    /* header */

    .c-lane__header {
        margin:
            0
            -16px
            21px;

        padding:
            19px
            17px
            17px;
    }


    .c-lane__header strong {
        font-size: 19px;
    }


    .c-lane__header small {
        font-size: 13px;
        line-height: 1.55;
    }



    /* etapa */

    .c-lane li {
        grid-template-columns:
            42px
            minmax(0, 1fr);

        gap: 12px;

        margin-bottom: 22px;

        transform:
            translateY(20px);
    }


    .c-lane li.is-visible {
        transform:
            translateY(0);
    }



    /* cerc */

    .c-lane li > span {
        width: 41px;
        height: 41px;

        font-size: 13px;
    }



    /* linia */

    .c-lane ol::before,
    .c-lane ol::after {
        left: 20px;
    }



    /* text */

    .c-lane li strong {
        font-size: 14.5px;
    }


    .c-lane li small {
        font-size: 12.8px;
        line-height: 1.58;
    }

}



/* =========================================================
   TELEFOANE FOARTE MICI
   ========================================================= */

@media (max-width: 380px) {

    .c-lane {
        padding-left: 13px;
        padding-right: 13px;
    }


    .c-lane__header {
        margin-left: -13px;
        margin-right: -13px;
    }


    .c-lane li {
        grid-template-columns:
            38px
            minmax(0, 1fr);

        gap: 10px;
    }


    .c-lane li > span {
        width: 37px;
        height: 37px;

        font-size: 12px;
    }


    .c-lane ol::before,
    .c-lane ol::after {
        left: 18px;
    }

}



/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .c-lane,
    .c-lane__header,
    .c-lane__header::before,
    .c-lane li,
    .c-lane li > span,
    .c-lane li > div,
    .c-lane ol::after {
        transition: none !important;
    }


    .c-lane li {
        opacity: 1 !important;
        transform: none !important;
    }

}

/* =========================================================
   ABOUT - IMAGINE DIN STÂNGA
   ========================================================= */

.about-visual {
    opacity: 0;
    transform: translateX(-130px);

    will-change: transform, opacity;
}


/* pornește animația când intră în viewport */

.about-visual.is-visible {
    animation: aboutVisualEntrance .85s cubic-bezier(.16, 1, .3, 1) forwards;
}


@keyframes aboutVisualEntrance {

    /* vine repede din stânga */
    0% {
        opacity: 0;
        transform: translateX(-130px);
    }

    /* ajunge foarte repede aproape de poziție */
    58% {
        opacity: 1;
        transform: translateX(10px);
    }

    /* mică revenire */
    78% {
        transform: translateX(-4px);
    }

    /* se așează lin */
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}


/* accesibilitate */

@media (prefers-reduced-motion: reduce) {

    .about-visual {
        opacity: 1;
        transform: none;
    }

    .about-visual.is-visible {
        animation: none;
    }

}

/* =========================================================
   ABOUT - STRUCTURĂ
   ========================================================= */

.about-grid {
    display: grid;

    grid-template-columns:
        minmax(0, .92fr)
        minmax(0, 1.08fr);

    grid-template-areas:
        "visual heading"
        "visual copy";

    column-gap: 58px;
    row-gap: 18px;

    align-items: start;
}


/* =========================================================
   HEADING
   ========================================================= */

.about-heading {
    grid-area: heading;

    min-width: 0;

    text-align: left;
}


.about-heading .section-label {
    display: inline-block;

    margin-bottom: 14px;
}


.about-heading h2 {
    margin: 0;

    font-family: "Manrope", sans-serif;

    font-size: clamp(34px, 3.5vw, 52px);
    line-height: 1.08;

    font-weight: 800;

    color: #1B2430;
}


/* =========================================================
   IMAGINE
   ========================================================= */

.about-visual {
    grid-area: visual;

    min-width: 0;
}


/* imaginea ocupă toată lățimea disponibilă */

.about-portrait {
    width: 100%;
}


.about-portrait__placeholder img {
    display: block;

    width: 100%;
    height: auto;

    object-fit: cover;
}


/* =========================================================
   DOVEZI / BADGES
   ========================================================= */

.about-proof {
    display: flex;

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

    flex-wrap: wrap;

    gap: 9px;

    margin-top: 18px;
}


.about-proof span {
    display: inline-flex;

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

    gap: 5px;

    padding: 9px 11px;

    background: rgba(255, 255, 255, .72);

    border: 1px solid rgba(74, 125, 255, .17);
    border-radius: 2px;

    font-family: "Inter", sans-serif;

    font-size: 12px;
    line-height: 1.3;

    font-weight: 650;

    color: #59697C;
}


.about-proof i {
    color: #4A7DFF;
}


/* =========================================================
   TEXT
   ========================================================= */

.about-copy {
    grid-area: copy;

    min-width: 0;

    text-align: center;
}


.about-copy > p:first-child {
    margin-top: 0;
}


/* =========================================================
   TABLETĂ
   ========================================================= */

@media (max-width: 960px) {

    .about-grid {
        column-gap: 36px;

        grid-template-columns:
            minmax(0, .9fr)
            minmax(0, 1.1fr);
    }


    .about-heading h2 {
        font-size: clamp(30px, 4vw, 42px);
    }

}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 767px) {

    .about-grid {
        display: grid;

        grid-template-columns: 1fr;

        grid-template-areas:
            "heading"
            "visual"
            "copy";

        gap: 0;
    }


    /* -----------------------------------------
       1. PRETITLU + TITLU
       ----------------------------------------- */

    .about-heading {
        grid-area: heading;

        width: 100%;

        margin-bottom: 25px;

        text-align: center;
    }


    .about-heading .section-label {
        margin-bottom: 13px;
    }


    .about-heading h2 {
        max-width: 620px;

        margin:
            0
            auto;

        font-size: clamp(29px, 8vw, 39px);
        line-height: 1.08;
    }


    /* -----------------------------------------
       2. IMAGINE
       ----------------------------------------- */

    .about-visual {
        grid-area: visual;

        width: 100%;

        margin:
            0
            auto
            27px;
    }


    .about-portrait {
        width: 100%;
    }


    /* -----------------------------------------
       DOVEZILE SUB IMAGINE
       ----------------------------------------- */

    .about-proof {
        width: 100%;

        margin-top: 16px;

        display: grid;

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

        gap: 7px;
    }


    .about-proof span {
        min-width: 0;

        padding:
            9px
            6px;

        text-align: center;

        font-size: 10.5px;
        line-height: 1.35;
    }


    .about-proof i {
        flex: 0 0 auto;
    }


    /* -----------------------------------------
       3. TEXT
       ----------------------------------------- */

    .about-copy {
        grid-area: copy;

        width: 100%;

        text-align: center;
    }


    .about-copy > p:first-child {
        margin-top: 0;
    }

}


/* =========================================================
   TELEFOANE MAI ÎNGUSTE
   ========================================================= */

@media (max-width: 500px) {

    .about-heading {
        margin-bottom: 21px;
    }


    .about-heading h2 {
        font-size: clamp(28px, 8.5vw, 35px);
    }


    .about-visual {
        margin-bottom: 24px;
    }


    /*
     * Pe telefoanele foarte înguste este mai aerisit
     * dacă dovezile devin o coloană.
     */

    .about-proof {
        grid-template-columns: 1fr;

        gap: 7px;
    }


    .about-proof span {
        justify-content: flex-start;

        padding:
            9px
            12px;

        font-size: 12px;

        text-align: left;
    }

}

/* =========================================================
   METODA 3C - LOGO ANIMAT
   ========================================================= */

.method-logo {
    opacity: 0;

    transform:
        scale(.35);

    transform-origin: center center;

    will-change: transform, opacity;
}


/* când intră în viewport */

.method-logo.is-visible {
    animation:
        methodLogoZoom
        .9s
        cubic-bezier(.16, 1, .3, 1)
        forwards;
}


@keyframes methodLogoZoom {

    /* foarte mic - departe */
    0% {
        opacity: 0;

        transform:
            scale(.35);
    }


    /* vine repede spre utilizator */
    55% {
        opacity: 1;

        transform:
            scale(1.10);
    }


    /* revine puțin */
    76% {
        transform:
            scale(.97);
    }


    /* se așează lin */
    100% {
        opacity: 1;

        transform:
            scale(1);
    }

}

/* =========================================================
   MOBIL - CARDURI 3C SUCCESIVE
   ========================================================= */

@media (max-width: 767px) {

    .method-card {
        opacity: 0;

        transform:
            translateY(32px)
            scale(.98);

        will-change: transform, opacity;
    }


    .method-card.is-visible {
        animation:
            methodCardEntrance
            .65s
            cubic-bezier(.22, 1, .36, 1)
            forwards;
    }


    /*
     * Mică întârziere între cele 3 carduri.
     */

    .method-card:nth-child(1).is-visible {
        animation-delay: 0s;
    }


    .method-card:nth-child(2).is-visible {
        animation-delay: .16s;
    }


    .method-card:nth-child(3).is-visible {
        animation-delay: .32s;
    }


    @keyframes methodCardEntrance {

        0% {
            opacity: 0;

            transform:
                translateY(32px)
                scale(.98);
        }


        70% {
            opacity: 1;

            transform:
                translateY(-3px)
                scale(1);
        }


        100% {
            opacity: 1;

            transform:
                translateY(0)
                scale(1);
        }

    }

}

.accordion {
    border-top: 1px solid #E7EBF0;
}

.accordion-item {
    position: relative;
    border-bottom: 1px solid #E7EBF0;
}


/* Ascundem checkbox-ul */

.accordion-toggle {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}


/* Întrebarea */

.accordion-trigger {
    width: 100%;
    display: grid;
    grid-template-columns: 38px 1fr 32px;
    align-items: center;
    gap: 8px;

    padding: 20px 8px;

    background: #fff;
    cursor: pointer;
    text-align: left;

    transition:
        background-color .35s ease,
        padding .35s ease;
}


.accordion-index {
    font-family: Manrope, sans-serif;
    font-weight: 800;
    font-size: .67rem;
    color: #A0A9B5;
}


.accordion-question {
    font-family: Manrope, sans-serif;
    font-weight: 800;
    font-size: .95rem;
}


/* PLUS */

.accordion-trigger i {
    font-size: 1.3rem;
    color: var(--blue);

    transition: transform .85s cubic-bezier(.4, 0, .2, 1);
}


/* =========================
   PANOU
========================= */

.accordion-panel {
    display: grid;
    grid-template-rows: 0fr;

    opacity: 0;

    transition:
        grid-template-rows .85s cubic-bezier(.4, 0, .2, 1),
        opacity .65s ease;
}


.accordion-panel-inner {
    overflow: hidden;
    min-height: 0;
	text-align: left;
}


.accordion-panel p {
    margin: 0;
    padding: 0 46px 20px;

    color: var(--muted);
    font-size: .9rem;

    transform: translateY(-8px);

    transition:
        transform .85s cubic-bezier(.4, 0, .2, 1);
}


/* =========================
   DESCHIS
========================= */

.accordion-toggle:checked
+ .accordion-trigger
+ .accordion-panel {

    grid-template-rows: 1fr;
    opacity: 1;
}


.accordion-toggle:checked
+ .accordion-trigger
+ .accordion-panel
.accordion-panel-inner {

    min-height: 0;
}


.accordion-toggle:checked
+ .accordion-trigger
+ .accordion-panel p {

    transform: translateY(0);
}


/* PLUS -> X */

.accordion-toggle:checked
+ .accordion-trigger i {

    transform: rotate(45deg);
}


/* opțional: schimbare foarte subtilă când este deschis */

.accordion-toggle:checked
+ .accordion-trigger {

    background: #fff;
}


/* FAQ cu fundal imagine */
.faq--photo{
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(rgba(255,255,255,0.18), rgba(255,255,255,0.18)),
        url('https://andreilechovolea.com/site3c/assets/images/femeie-faq.webp') right center / cover no-repeat;
    padding-top: 90px;
    padding-bottom: 90px;
}

/* strat discret peste imagine */
.faq--photo::before{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgba(255,255,255,0.32) 0%,
        rgba(255,255,255,0.20) 45%,
        rgba(255,255,255,0.10) 100%
    );
    pointer-events: none;
}

.faq--photo > .container{
    position: relative;
    z-index: 1;
}

/* cardul mare alb semi-transparent peste fundal */
.faq--photo .faq-grid{
    position: relative;
    z-index: 2;
    background: rgba(255,255,255,0.68);
    /* backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px); */
    border: 1px solid rgba(255,255,255,0.55);
    border-radius: 28px;
    box-shadow: 0 20px 60px rgba(27, 48, 87, 0.10);
    padding: 42px;
}

/* ca să nu mai fie fundal alb puternic pe fiecare întrebare */
.faq--photo .accordion-trigger{
    background: transparent;
}

/* răspunsul să stea frumos pe fundalul cardului */
.faq--photo .accordion-panel p{
    color: var(--muted);
}

/* cutia cu mesajul din stânga */
.faq--photo .faq-help{
    background: rgba(255,255,255,0.72);
    border: 1px solid rgba(210,220,235,0.8);
    border-radius: 16px;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

/* opțional: titlul și textul să fie bine lizibile */
.faq--photo .faq-intro h2,
.faq--photo .accordion-question{
    color: #142033;
}

.faq--photo .faq-intro p,
.faq--photo .faq-help small,
.faq--photo .accordion-panel p{
    color: #5F6C7B;
}

/* responsive */
@media (max-width: 991px){
    .faq--photo{
        background-position: 72% center;
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .faq--photo .faq-grid{
        grid-template-columns: 1fr;
        gap: 32px;
        padding: 28px;
        border-radius: 22px;
    }

    .faq--photo .faq-intro{
        position: static;
    }
}

@media (max-width: 767px){
    .faq--photo .faq-grid{
        padding: 20px;
        border-radius: 18px;
    }

    .faq--photo .accordion-trigger{
        padding: 18px 6px;
    }

    .faq--photo{
        background:
            linear-gradient(
                rgba(255,255,255,0.18),
                rgba(255,255,255,0.18)
            ),
            url('https://andreilechovolea.com/site3c/assets/images/femeia-faq.webp')
            38% center / cover no-repeat;

        padding-top: 56px;
        padding-bottom: 56px;
    }

}

.zoombtn {
    animation: buttonZoom 7s ease-in-out infinite;
    transform-origin: center;
    will-change: transform;
}

@keyframes buttonZoom {

    /* stă normal */
    0%,
    50% {
        transform: scale(1);
    }

    /* zoom lent */
    82% {
        transform: scale(1.05);
    }

    /* rămâne puțin mărit */
    83% {
        transform: scale(1.05);
    }

    /* revine lent */
    100% {
        transform: scale(1);
    }
}

@keyframes buttonZoomx {

    /* stă normal */
    0%,
    100% {
        transform: scale(1);
    }
}


/* =========================================================
   NAV — LOGARE
========================================================= */

.site-nav__login {
    min-height: 40px;

    padding:
        8px
        13px !important;

    display: inline-flex !important;

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

    gap: 7px;

    border:
        1px solid
        rgba(65, 146, 255, .16);

    border-radius: 10px;

    background:
        rgba(65, 146, 255, .055);

    color:
        #172334 !important;

    font-family:
        "Inter",
        sans-serif;

    font-size: .78rem;

    font-weight: 700;

    line-height: 1;

    text-decoration:
        none !important;

    box-shadow:
        4px 7px 17px
        rgba(25, 48, 75, .045);

    transition:
        transform .3s
            cubic-bezier(.22, 1, .36, 1),
        background-color .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}


/* icon */

.site-nav__login i {
    color:
        #4192ff;

    font-size:
        1.15rem;

    line-height:
        1;
}


/* text */

.site-nav__login span {
    color:
        inherit;

    font-size:
        inherit;

    font-weight:
        inherit;
}


/* =========================================================
   HOVER
========================================================= */

@media (hover: hover) {

    .site-nav__login:hover {
        transform:
            translateY(-1px);

        border-color:
            rgba(65, 146, 255, .28);

        background:
            rgba(65, 146, 255, .09);

        box-shadow:
            5px 9px 20px
            rgba(25, 48, 75, .075);
    }

}


/* =========================================================
   ACTIVE
========================================================= */

.site-nav__login:active {
    transform:
        translateY(0)
        scale(.97);
}


/* =========================================================
   FOCUS
========================================================= */

.site-nav__login:focus-visible {
    outline:
        3px solid
        rgba(65, 146, 255, .18);

    outline-offset:
        3px;
}


@media (max-width: 991.98px) {

    .site-nav__login {
        width: 100%;

        margin-top: 8px;

        padding:
            12px
            14px !important;

        justify-content:
            flex-start;

        background:
            rgba(65, 146, 255, .07);
    }

}

.site-nav__menu > a:not(.site-nav__login) {
    display: inline-flex;

    align-items: center;

    gap: 7px;
}


.site-nav__menu > a:not(.site-nav__login) i {
    color: #4192ff;

    font-size: 1.08rem;

    line-height: 1;

    opacity: .82;

    transition:
        transform .3s
        cubic-bezier(.22, 1, .36, 1),
        opacity .3s ease;
}


@media (hover: hover) {

    .site-nav__menu >
    a:not(.site-nav__login):hover i {
        opacity: 1;

        transform:
            translateY(-1px);
    }

}

/* .btn--soft:hover, 
.btn--primary:hover, 
.btn--soft:hover,
.btn--dark:hover, 
.btn--white:hover, 
.btn--glass:hover, 
-btn--small:hover, 
.btn--wide:hover {
	box-shadow: none;
	/* transform: scale(0.9);
	animation: none;
    transform-origin: center;
    will-change: transform;
	transition:transform 3s ease; */
} */

.btn--soft:hover,
.btn--primary:hover,
.btn--dark:hover,
.btn--white:hover,
.btn--glass:hover,
.btn--small:hover,
.btn--wide:hover {
    transform: scale(0.95);
    box-shadow: none;
	 animation: buttonZoomx 0s ease-in-out 1;
    transform-origin: center;
    will-change: transform;
	border: 1px solid var(--blue-dark);
}