/* ==========================================================
   BOSANA WELCOME
   Header
   ========================================================== */

:root {
    --bosana-green: #7BA68D;
    --bosana-dark: #2E2F34;
    --bosana-light: #F2F3F5;
    --bosana-coral: #FF7A6B;

    --bosana-white: #FFFFFF;
    --bosana-border: #E7E9EC;

    --bosana-text: #2E2F34;
    --bosana-text-muted: #70747C;

    --welcome-container: 1380px;
}


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

.welcome-header {position: sticky;top: 0;z-index: 1000;width: 100%;background: rgba(255, 255, 255, 0.94);border-bottom: 1px solid transparent;backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px);transition: box-shadow 0.25s ease, border-color 0.25s ease, background 0.25s ease;}
.welcome-header.is-scrolled {border-bottom-color: rgba(46, 47, 52, 0.07);box-shadow: 0 8px 30px rgba(46, 47, 52, 0.06);}
.welcome-header__container {width: min(calc(100% - 48px), var(--welcome-container) );min-height: 78px;margin: 0 auto;display: flex;align-items: center;}

/* ==========================================================
   LOGO
   ========================================================== */

.welcome-logo {flex-shrink: 0;display: flex;align-items: center;text-decoration: none;}
.welcome-logo__image {display: block;width: auto;height: 39px;max-width: 165px;object-fit: contain;}

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

.welcome-menu {flex: 1;display: flex;align-items: center;min-width: 0;}

/* ==========================================================
   NAVIGATION
   ========================================================== */

.welcome-nav {display: flex;align-items: center;gap: 4px;margin-left: 54px;}
.welcome-nav__link {position: relative;padding: 11px 13px;font-family: "Poppins", Arial, sans-serif;font-size: 14px;font-weight: 500;color: var(--bosana-dark);text-decoration: none;border-radius: 9px;transition: color 0.2s ease, background-color 0.2s ease;}
.welcome-nav__link:hover {color: var(--bosana-green);background: rgba(123, 166, 141, 0.08);}

/* ==========================================================
   RIGHT ACTIONS
   ========================================================== */

.welcome-actions {margin-left: auto;display: flex;align-items: center;gap: 8px;}

/* ==========================================================
   LANGUAGE
   ========================================================== */

.welcome-language {height: 43px;display: inline-flex;align-items: center;justify-content: center;gap: 7px;padding: 0 12px;border: 0;background: transparent;color: var(--bosana-text-muted);border-radius: 10px;font-family: "Poppins", Arial, sans-serif;font-size: 13px;font-weight: 500;cursor: pointer;transition: background 0.2s ease, color 0.2s ease;}
.welcome-language:hover {color: var(--bosana-dark);background: var(--bosana-light);}
.welcome-language__arrow {margin-left: 1px;transition: transform 0.2s ease;}
.welcome-language:hover .welcome-language__arrow {transform: translateY(2px);}

/* ==========================================================
   LOGIN
   ========================================================== */

.welcome-login {height: 43px;display: inline-flex;align-items: center;justify-content: center;padding: 0 15px;font-family: "Poppins", Arial, sans-serif;font-size: 13px;font-weight: 600;color: var(--bosana-dark);text-decoration: none;border-radius: 10px; transition: background 0.2s ease, color 0.2s ease;}
.welcome-login:hover {background: var(--bosana-light);color: var(--bosana-green);}

/* ==========================================================
   CTA
   ========================================================== */

.welcome-cta {height: 46px;display: inline-flex;align-items: center;justify-content: center;gap: 9px;padding: 0 19px;border-radius: 12px;background: var(--bosana-coral);color: var(--bosana-white);font-family: "Poppins", Arial, sans-serif;font-size: 13px;font-weight: 600;text-decoration: none;box-shadow: 0 7px 18px rgba(255, 122, 107, 0.20);transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;}
.welcome-cta:hover {transform: translateY(-2px);background: #F26F61;box-shadow: 0 11px 25px rgba(255, 122, 107, 0.27);}
.welcome-cta svg {transition: transform 0.2s ease;}
.welcome-cta:hover svg {transform: translateX(3px);}

/* ==========================================================
   HAMBURGER
   ========================================================== */

.welcome-menu-toggle {display: none;width: 44px;height: 44px;padding: 0;margin-left: auto;border: 0;border-radius: 11px;background: var(--bosana-light);cursor: pointer;align-items: center;justify-content: center;flex-direction: column;gap: 5px;}
.welcome-menu-toggle span {width: 20px;height: 2px;display: block;background: var(--bosana-dark);border-radius: 2px;transition: transform 0.25s ease, opacity 0.25s ease;}
.welcome-menu-toggle.is-open span:nth-child(1) {transform: translateY(7px) rotate(45deg);}
.welcome-menu-toggle.is-open span:nth-child(2) {opacity: 0;}
.welcome-menu-toggle.is-open span:nth-child(3) {transform: translateY(-7px) rotate(-45deg);}


/* ==========================================================
   LANGUAGE MODAL
   ========================================================== */

.language-modal {position: fixed;inset: 0;z-index: 3000;display: flex;align-items: center;justify-content: center;padding: 24px;visibility: hidden;opacity: 0;pointer-events: none;transition: opacity 0.2s ease, visibility 0.2s ease;}
.language-modal.is-open {visibility: visible;opacity: 1;pointer-events: auto;}
.language-modal__backdrop {position: absolute;inset: 0;background: rgba(25, 27, 29, 0.48);backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);}
.language-modal__dialog {position: relative;width: min(760px, 100%);max-height: min(720px, calc(100vh - 48px));overflow: hidden;display: flex;flex-direction: column;background: var(--bosana-white);border: 1px solid rgba(255, 255, 255, 0.55);border-radius: 22px;box-shadow: 0 30px 90px rgba(15, 20, 18, 0.20);transform: translateY(14px) scale(0.985);transition: transform 0.25s ease;}
.language-modal.is-open .language-modal__dialog {transform:translateY(0)scale(1);}
.language-modal__header {min-height: 92px;padding: 23px 26px;display: flex;align-items: center;justify-content: space-between;gap: 20px;border-bottom: 1px solid var(--bosana-border);}
.language-modal__eyebrow {margin-bottom: 4px;font-family: "Poppins", Arial, sans-serif;font-size: 11px;font-weight: 600;text-transform: uppercase;letter-spacing: 0.08em;color: var(--bosana-green);}
.language-modal__header h2 {margin: 0;font-family: "Poppins", Arial, sans-serif;font-size: 22px;line-height: 1.25;font-weight: 600;color: var(--bosana-dark);}
.language-modal__close {flex-shrink: 0; width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; border: 0; border-radius: 50%; background: var(--bosana-light); color: var(--bosana-dark); cursor: pointer;transition: background 0.2s ease,transform 0.2s ease;}
.language-modal__close:hover {background: #E7E9EC; transform: rotate(4deg);}
.language-modal__content {padding: 24px 26px 28px;overflow-y: auto;}

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 1120px) {
    .welcome-nav {margin-left: 28px;}
    .welcome-nav__link {padding-left: 9px;padding-right: 9px;}
    .welcome-language span {display: none;}
}



@media (max-width: 940px) {
    .welcome-header__container {width: min(calc(100% - 32px), var(--welcome-container));min-height: 70px;}
    .welcome-logo__image {height: 35px;}
    .welcome-menu-toggle {display: flex;}
    .welcome-menu {position: absolute;
        top: calc(100% + 10px);
        left: 16px;
        right: 16px;
        display: block;
        padding: 14px;
        background: var(--bosana-white);
        border: 1px solid var(--bosana-border);
        border-radius: 18px;
        box-shadow: 0 20px 55px rgba(46, 47, 52, 0.12);
        opacity: 0;
        visibility: hidden;
        transform: translateY(-8px);
        pointer-events: none;
        transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
    }
    .welcome-menu.is-open {opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto;}
    .welcome-nav {margin: 0; display: flex; flex-direction: column; align-items: stretch; gap: 2px;}
    .welcome-nav__link {padding: 13px 14px; font-size: 14px; border-radius: 10px;}
    .welcome-actions {margin-top: 12px; margin-left: 0; padding-top: 13px; border-top: 1px solid var(--bosana-border); display: grid; grid-template-columns: 1fr 1fr; gap: 8px;}
    .welcome-language {grid-column: 1 / -1; justify-content: flex-start; padding-left: 14px; background: var(--bosana-light);}
    .welcome-language span {display: inline;}
    .welcome-login {border: 1px solid var(--bosana-border);}
    .welcome-cta {padding: 0 14px;}
}



@media (max-width: 560px) {
    .welcome-header__container {width: calc(100% - 24px);}
    .welcome-menu {left: 12px;right: 12px;}
    .welcome-actions {grid-template-columns: 1fr;}
    .welcome-language {grid-column: auto;}
    .welcome-login,.welcome-cta,.welcome-language {width: 100%;}
    .language-modal {padding: 12px;}
    .language-modal__dialog {max-height: calc(100vh - 24px);border-radius: 18px;}
    .language-modal__header {min-height: 80px;padding: 18px 19px;}
    .language-modal__header h2 {font-size: 19px;}
    .language-modal__content {padding: 20px 19px 24px;}
}


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

@media (prefers-reduced-motion: reduce) {
    .welcome-header *,.language-modal * {animation: none !important;transition-duration: 0.01ms !important;}
}

/* ==========================================================
   WELCOME COMMON
   ========================================================== */

html {scroll-behavior: smooth;}
body {margin: 0;font-family: "Poppins", Arial, sans-serif;color: var(--bosana-dark);background: #ffffff;}
* {box-sizing: border-box;}
.welcome-main {overflow: hidden;}
.welcome-container {width: min(calc(100% - 48px), var(--welcome-container));margin: 0 auto;}
.welcome-section {position: relative;padding: 118px 0;}
.welcome-section--soft {background: #F7F8F8;}
.welcome-eyebrow {margin-bottom: 15px;font-size: 12px;font-weight: 600;letter-spacing: 0.09em;text-transform: uppercase;color: var(--bosana-green);}
.welcome-eyebrow--light {color: #B8D2C3;}
.welcome-section-heading {width: min(720px, 100%);margin: 0 auto 58px;text-align: center;}
.welcome-section-heading h2,.welcome-feature__content h2,.welcome-conversion h2,.welcome-final h2 {margin: 0;font-size: clamp(32px, 4vw, 50px);line-height: 1.12;font-weight: 600;letter-spacing: -0.035em;color: var(--bosana-dark);}
.welcome-section-heading p,.welcome-feature__content > p {margin: 22px 0 0;font-size: 17px;line-height: 1.8;color: var(--bosana-text-muted);}

/* ==========================================================
   BUTTONS
   ========================================================== */

.welcome-button {min-height: 52px;padding: 0 22px;display: inline-flex;align-items: center;justify-content: center;gap: 10px;border-radius: 13px;font-size: 14px;font-weight: 600;text-decoration: none;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease;}
.welcome-button:hover {transform: translateY(-2px);}
.welcome-button--primary {color: #ffffff;background: var(--bosana-coral);box-shadow: 0 10px 28px rgba(255, 122, 107, .23);}
.welcome-button--primary:hover {background: #F26F61;box-shadow: 0 14px 35px rgba(255, 122, 107, .3);}
.welcome-button--secondary {color: var(--bosana-dark);border: 1px solid #DFE3E1;background: #ffffff;}
.welcome-button--secondary:hover {border-color: #C9D1CD;box-shadow: 0 8px 25px rgba(46, 47, 52, .07);}
.welcome-button--white {background: #ffffff;color: var(--bosana-dark);}
.welcome-button--ghost-light {color: #ffffff;border: 1px solid rgba(255,255,255,.32);}

/* ==========================================================
   HERO
   ========================================================== */

.welcome-hero {position: relative;padding: 104px 0 92px;background:radial-gradient(circle at 78% 22%, rgba(123, 166, 141, .16), transparent 34%), radial-gradient(circle at 15% 25%, rgba(255, 122, 107, .09), transparent 30%), #ffffff;}
.welcome-hero::before {content: "";position: absolute;inset: 0;pointer-events: none;background-image:linear-gradient(rgba(46,47,52,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(46,47,52,.025) 1px, transparent 1px);background-size: 54px 54px;mask-image:linear-gradient( to bottom, rgba(0,0,0,.45), transparent 85%);}
.welcome-hero__grid {position: relative;display: grid;grid-template-columns:minmax(0, .92fr) minmax(480px, 1.08fr);gap: 74px;align-items: center;}
.welcome-hero__title {margin: 0;max-width: 720px;font-size: clamp(45px, 5.3vw, 74px);line-height: 1.03;font-weight: 600;letter-spacing: -0.05em;}
.welcome-hero__title span {color: var(--bosana-green);}
.welcome-hero__lead {max-width: 660px;margin: 28px 0 0;font-size: clamp(17px, 1.5vw, 19px);line-height: 1.75;color: var(--bosana-text-muted);}
.welcome-hero__actions {margin-top: 34px;display: flex;flex-wrap: wrap;gap: 11px;}
.welcome-hero__meta {margin-top: 30px;display: flex;flex-wrap: wrap;gap: 18px 25px;font-size: 12px;font-weight: 500;color: #767A7D;}
.welcome-hero__meta span {display: inline-flex;align-items: center;gap: 8px;}
.welcome-hero__meta i {width: 7px;height: 7px;border-radius: 50%;background: var(--bosana-green);box-shadow: 0 0 0 4px rgba(123,166,141,.12);}

/* ==========================================================
   MEDIA
   ========================================================== */

.welcome-media {width: 100%;aspect-ratio: 4 / 3;padding: 12px;border: 1px solid #E5E9E7;border-radius: 25px;background:linear-gradient(145deg,#ffffff,#F1F4F2);box-shadow: 0 30px 75px rgba(46, 47, 52, .10);}
.welcome-media--hero {transform: rotate(.7deg);box-shadow: 0 35px 100px rgba(46,47,52,.14);}
.welcome-media--wide {aspect-ratio: 16 / 6;margin-top: 48px;}
.welcome-media__placeholder {width: 100%;height: 100%;border-radius: 17px;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;gap: 8px;color: #727775;background:radial-gradient(circle at 50% 40%,rgba(123,166,141,.14),transparent 45%),#F5F7F6;}
.welcome-media__placeholder strong {color: var(--bosana-dark);font-size: 18px;}
.welcome-media__placeholder small {font-size: 12px;}
.welcome-media__label {padding: 5px 9px;border-radius: 20px;color: var(--bosana-green);background:rgba(123,166,141,.1);font-size: 11px;font-weight: 600;text-transform: uppercase;letter-spacing: .08em;}

/* ==========================================================
   QUICK BENEFITS
   ========================================================== */

.welcome-benefits {position: relative;z-index: 2;padding: 0 0 35px;}
.welcome-benefits__grid {display: grid;grid-template-columns: repeat(4, 1fr);padding: 19px;border: 1px solid #E6EAE8;border-radius: 20px;background: #ffffff;box-shadow: 0 18px 55px rgba(46,47,52,.06);}
.welcome-benefit {padding: 14px 20px;display: flex;align-items: center;gap: 15px;border-right: 1px solid #EAEEEC;}
.welcome-benefit:last-child {border-right: 0;}
.welcome-benefit__icon {flex: 0 0 39px;width: 39px;height: 39px;display: flex;align-items: center;justify-content: center;border-radius: 10px;color: var(--bosana-green);background: rgba(123,166,141,.1);font-size: 11px;font-weight: 700;}
.welcome-benefit strong,.welcome-benefit span {display: block;}
.welcome-benefit strong {margin-bottom: 2px;font-size: 13px;}
.welcome-benefit span {font-size: 11px;line-height: 1.5;color: var(--bosana-text-muted);}

/* ==========================================================
   HOW IT WORKS
   ========================================================== */

.welcome-steps {position: relative;display: grid;grid-template-columns:repeat(4, 1fr);gap: 18px;}
.welcome-step {position: relative;min-height: 245px;padding: 27px;border: 1px solid #E6EAE8;border-radius: 18px;background: #ffffff;transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;}
.welcome-step:hover {transform: translateY(-5px);border-color: rgba(123,166,141,.35);box-shadow: 0 18px 45px rgba(46,47,52,.07);}
.welcome-step__number {width: 39px;height: 39px;margin-bottom: 28px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background: var(--bosana-dark);color: #ffffff;font-size: 12px;font-weight: 600;}
.welcome-step h3 {margin: 0 0 11px;font-size: 19px;font-weight: 600;}
.welcome-step p {margin: 0;color: var(--bosana-text-muted);font-size: 13px;line-height: 1.75;}

/* ==========================================================
   FEATURE SPLIT
   ========================================================== */

.welcome-feature {
    display: grid;

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

    gap: 90px;

    align-items: center;
}


.welcome-feature--reverse
.welcome-feature__content {order: 2;}


.welcome-feature--reverse
.welcome-feature__media {order: 1;}

.welcome-feature__content {max-width: 590px;}
.welcome-feature-points {margin-top: 35px;display: grid;gap: 19px;}
.welcome-feature-points > div {padding-left: 19px;border-left: 2px solid rgba(123,166,141,.35);}
.welcome-feature-points strong,.welcome-feature-points span {display: block;}
.welcome-feature-points strong {margin-bottom: 5px;font-size: 14px;}
.welcome-feature-points span {font-size: 13px;line-height: 1.65;color: var(--bosana-text-muted);}

/* ==========================================================
   CARDS
   ========================================================== */

.welcome-feature-cards {display: grid;grid-template-columns: repeat(3, 1fr);gap: 18px;}
.welcome-feature-card {padding: 31px;min-height: 245px;border: 1px solid #E5E9E7;border-radius: 20px;background: #ffffff;transition: transform .25s ease,box-shadow .25s ease;}
.welcome-feature-card:hover {transform: translateY(-4px);box-shadow: 0 18px 45px rgba(46,47,52,.07);}
.welcome-feature-card__icon {width: 43px;height: 43px;margin-bottom: 25px;display: flex;align-items: center;justify-content: center;border-radius: 12px;background: rgba(123,166,141,.11);color: var(--bosana-green);font-size: 17px;font-weight: 700;}
.welcome-feature-card h3 {margin: 0 0 11px;font-size: 18px;}
.welcome-feature-card p {margin: 0;color: var(--bosana-text-muted);font-size: 13px;line-height: 1.75;}

/* ==========================================================
   DARK STATISTICS
   ========================================================== */

.welcome-section--dark {overflow: hidden;background:radial-gradient(circle at 85% 30%, rgba(123,166,141,.17), transparent 35% ), var(--bosana-dark);}
.welcome-section--dark
.welcome-feature__content h2 {color: #ffffff;}

.welcome-section--dark
.welcome-feature__content > p {color: rgba(255,255,255,.66);}

.welcome-stat-list {margin-top: 31px;display: flex;flex-wrap: wrap;gap: 9px;}
.welcome-stat-list span {padding: 8px 12px;border: 1px solid rgba(255,255,255,.11);border-radius: 100px;color: rgba(255,255,255,.79);background:rgba(255,255,255,.05);font-size: 11px;}
.welcome-media--dark {border-color:rgba(255,255,255,.08); background: rgba(255,255,255,.06); box-shadow: 0 30px 80px rgba(0,0,0,.28);}
.welcome-media--dark .welcome-media__placeholder {color: rgba(255,255,255,.58);background:rgba(255,255,255,.05);}
.welcome-media--dark
.welcome-media__placeholder strong {color: #ffffff;}


/* ==========================================================
   GLOBAL
   ========================================================== */
.welcome-global__grid {display: grid;grid-template-columns: repeat(4, 1fr); gap: 16px;}
.welcome-global-card {padding: 26px;border-radius: 18px;background: #F6F8F7;border:1px solid #E7EBE9;}
.welcome-global-card strong {display: block;margin-bottom: 10px;font-size: 15px;}
.welcome-global-card p {margin: 0;font-size: 12px;line-height: 1.7;color: var(--bosana-text-muted);}

/* ==========================================================
   CONVERSION
   ========================================================== */
.welcome-conversion {padding: 50px 0;}
.welcome-conversion__box {position: relative;overflow: hidden;min-height: 320px;padding: 62px;display: flex;align-items: center;justify-content: space-between;gap: 60px;border-radius: 28px;background:radial-gradient(circle at 90% 20%,rgba(255,255,255,.15), transparent 35%), var(--bosana-green);}
.welcome-conversion__box::after {content: "";position: absolute;width: 320px;height: 320px;right: -130px;bottom: -180px;border-radius: 50%; border: 60px solid rgba(255,255,255,.07);}
.welcome-conversion__content {position: relative;z-index: 1;max-width: 690px;}
.welcome-conversion h2 {color: #ffffff;}
.welcome-conversion p {margin: 19px 0 0;max-width: 580px;color: rgba(255,255,255,.77);font-size: 14px;line-height: 1.75;}
.welcome-conversion__actions {position: relative;z-index: 1;flex: 0 0 auto;display: flex;flex-direction: column;gap: 9px;}


/* ==========================================================
   FAQ
   ========================================================== */
.welcome-faq__list {width: min(850px, 100%); margin: 0 auto;}
.welcome-faq__item {border-bottom: 1px solid #E4E8E6;}
.welcome-faq__question {width: 100%;padding: 24px 2px;border: 0;background: transparent;display: flex;align-items: center;justify-content: space-between;gap: 30px;text-align: left;color: var(--bosana-dark);font-family: inherit;font-size: 15px;font-weight: 600;cursor: pointer;}
.welcome-faq__plus {flex: 0 0 auto;width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background: #F3F5F4;font-size: 19px;font-weight: 400;transition: transform .25s ease, background-color .25s ease;}
.welcome-faq__item.is-open .welcome-faq__plus {transform: rotate(45deg);background:rgba(123,166,141,.12);}
.welcome-faq__answer {display: grid;grid-template-rows: 0fr;transition: grid-template-rows .3s ease;}
.welcome-faq__answer > div {overflow: hidden;padding-right: 60px;color: var(--bosana-text-muted);font-size: 13px;line-height: 1.8;}
.welcome-faq__item.is-open .welcome-faq__answer {grid-template-rows: 1fr;}
.welcome-faq__item.is-open .welcome-faq__answer > div {padding-bottom: 25px;}


/* ==========================================================
   FINAL CTA
   ========================================================== */
.welcome-final {padding: 60px 0 105px;}
.welcome-final__inner {padding-top: 55px;border-top: 1px solid #E6EAE8;display: flex;align-items: center;justify-content: space-between;gap: 60px;}
.welcome-final h2 {max-width: 750px;font-size: clamp(30px, 3.5vw, 45px);}
.welcome-final p {margin: 15px 0 0;color: var(--bosana-text-muted);font-size: 14px;}


/* ==========================================================
   REVEAL ANIMATIONS
   ========================================================== */

.reveal {opacity: 0; transform: translateY(24px); transition: opacity .7s ease var(--reveal-delay, 0s), transform .7s cubic-bezier(.2,.75,.2,1) var(--reveal-delay, 0s);}
.reveal[data-reveal="left"] {transform: translateX(-28px);}
.reveal[data-reveal="right"] {transform: translateX(28px);}
.reveal[data-reveal="scale"] {transform: scale(.97) translateY(15px);}
.reveal.is-visible {opacity: 1;transform: translate(0,0) scale(1);}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 1100px) {
    .welcome-hero__grid {grid-template-columns: 1fr; gap: 55px;}
    .welcome-hero__content {max-width: 800px;}
    .welcome-hero__visual {width: min(850px, 100%); margin: 0 auto;}
    .welcome-benefits__grid {grid-template-columns:repeat(2, 1fr);}
    .welcome-benefit:nth-child(2) {border-right: 0;}
    .welcome-benefit:nth-child(-n+2) {border-bottom: 1px solid #EAEEEC;}
    .welcome-steps {grid-template-columns: repeat(2, 1fr);}
    .welcome-feature {gap: 55px;}
    .welcome-global__grid {grid-template-columns: repeat(2, 1fr);}
}

@media (max-width: 820px) {
    .welcome-section {padding: 85px 0;}
    .welcome-container {width: calc(100% - 32px);}
    .welcome-hero {padding: 75px 0 65px;}
    .welcome-feature {grid-template-columns: 1fr;}
    .welcome-feature__content {max-width: none;}
    .welcome-feature--reverse .welcome-feature__content,.welcome-feature--reverse .welcome-feature__media {order: initial;}
    .welcome-feature-cards {grid-template-columns: repeat(2, 1fr);}
    .welcome-conversion__box {padding: 44px;flex-direction: column;align-items: flex-start;}
    .welcome-conversion__actions {width: 100%;flex-direction: row;}
    .welcome-final__inner {align-items: flex-start;flex-direction: column;}
}

@media (max-width: 580px) {
    .welcome-container {width: calc(100% - 24px);}
    .welcome-hero {padding-top: 58px;}
    .welcome-hero__title {font-size: 42px;}
    .welcome-hero__actions {flex-direction: column;}
    .welcome-button {width: 100%;}
    .welcome-hero__meta {flex-direction: column; gap: 10px;}
    .welcome-benefits__grid {grid-template-columns: 1fr; padding: 10px;}
    .welcome-benefit {border-right: 0;border-bottom:1px solid #EAEEEC;}
    .welcome-benefit:last-child {border-bottom: 0;}
    .welcome-steps {grid-template-columns: 1fr;}
    .welcome-feature-cards {grid-template-columns: 1fr;}
    .welcome-global__grid {grid-template-columns: 1fr;}
    .welcome-media--wide {aspect-ratio: 4 / 3;}
    .welcome-conversion__box {padding: 36px 24px; border-radius: 22px;}
    .welcome-conversion__actions {flex-direction: column;}
    .welcome-faq__answer > div {padding-right: 20px;}
}

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

@media (prefers-reduced-motion: reduce) {
    html {scroll-behavior: auto;}
    .reveal {opacity: 1 !important;transform: none !important;transition: none !important;}
}


/* ==========================================================
   FOOTER
   ========================================================== */

   .welcome-footer {position: relative;padding: 78px 0 28px;background: #F7F8F8;border-top: 1px solid #E8EBEA;}

   /* ==========================================================
   MAIN FOOTER GRID
   ========================================================== */

.welcome-footer__main {display: grid; grid-template-columns: minmax(270px, 1.65fr) repeat(4, minmax(130px, 1fr));gap: 55px;padding-bottom: 65px;}

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

.welcome-footer__brand {max-width: 355px;}
.welcome-footer__logo {display: inline-flex;margin-bottom: 22px;text-decoration: none;}
.welcome-footer__logo img {display: block;width: auto;height: 39px;max-width: 170px;object-fit: contain;}
.welcome-footer__brand > p {margin: 0;max-width: 330px;color: var(--bosana-text-muted);font-size: 13px;line-height: 1.8;}

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

.welcome-footer__brand-actions {margin-top: 27px;display: flex;align-items: center;flex-wrap: wrap;gap: 11px;}
.welcome-footer__cta {min-height: 43px;padding: 0 16px;display: inline-flex;align-items: center;justify-content: center;gap: 8px;border-radius: 11px;background: var(--bosana-coral);color: #ffffff;text-decoration: none;font-size: 12px;font-weight: 600;box-shadow: 0 8px 22px rgba(255,122,107,.18);transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;}
.welcome-footer__cta:hover {transform: translateY(-2px);background: #F26F61;box-shadow: 0 12px 28px rgba(255,122,107,.25);}
.welcome-footer__cta svg {transition: transform .2s ease;}
.welcome-footer__cta:hover svg {transform: translateX(3px);}
.welcome-footer__login {min-height: 43px;padding: 0 15px;display: inline-flex;align-items: center;justify-content: center;border: 1px solid #DDE2DF;border-radius: 11px;background: #ffffff;color: var(--bosana-dark);text-decoration: none;font-size: 12px;font-weight: 600;transition: border-color .2s ease, background-color .2s ease, color .2s ease;}
.welcome-footer__login:hover {color: var(--bosana-green);border-color:rgba(123,166,141,.45);background:rgba(123,166,141,.05);}

/* ==========================================================
   FOOTER COLUMNS
   ========================================================== */

.welcome-footer__column h3 {margin: 4px 0 21px;font-size: 12px;font-weight: 600;letter-spacing: .02em; color: var(--bosana-dark);}
.welcome-footer__column nav {display: flex;flex-direction: column;gap: 13px;}
.welcome-footer__column a {position: relative;width: fit-content;color: var(--bosana-text-muted);text-decoration: none;font-size: 12px;line-height: 1.5;transition: color .2s ease, transform .2s ease;}
.welcome-footer__column a:hover {
    color:var(--bosana-green);transform: translateX(2px);}

/* ==========================================================
   BOTTOM BAR
   ========================================================== */

.welcome-footer__bottom {min-height: 72px;padding-top: 22px;border-top: 1px solid #E1E5E3;display: flex;align-items: center;justify-content: space-between;gap: 30px;}
.welcome-footer__copyright {color:#8A8E8C;font-size: 11px;}
.welcome-footer__bottom-right {display: flex;align-items: center;gap: 22px;}

/* ==========================================================
   STATUS
   ========================================================== */

.welcome-footer__status {display: inline-flex;align-items: center;gap: 8px;color: #777C79;font-size: 11px;}
.welcome-footer__status i {position: relative;width: 7px;height: 7px;border-radius: 50%;background: var(--bosana-green);}
.welcome-footer__status i::after {content: "";position: absolute;inset: -4px;border-radius: 50%;background:rgba(123,166,141,.13);}

/* ==========================================================
   LANGUAGE
   ========================================================== */

.welcome-footer__language {height: 39px;padding: 0 12px;display: inline-flex;align-items: center;justify-content: center;gap: 7px;border: 1px solid #DDE2DF;border-radius: 10px;background:rgba(255,255,255,.75);color: #666B68;font-family: inherit;font-size: 11px;font-weight: 500;cursor: pointer;transition: color .2s ease, border-color .2s ease, background-color .2s ease;}
.welcome-footer__language:hover {color:var(--bosana-dark);border-color:#CDD5D1;background:#ffffff;}

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 1100px) {
    .welcome-footer__main {grid-template-columns: minmax(250px, 1.5fr) repeat(2, 1fr);gap: 48px 55px;}
    .welcome-footer__brand {grid-row: span 2;}
}
@media (max-width: 760px) {
    .welcome-footer {padding-top: 60px;}
    .welcome-footer__main {grid-template-columns: repeat(2, 1fr);gap: 42px 30px;padding-bottom: 50px;}
    .welcome-footer__brand {grid-column: 1 / -1;grid-row: auto;max-width: 520px;}
    .welcome-footer__bottom {align-items: flex-start; flex-direction: column; gap: 17px;}
    .welcome-footer__bottom-right {width: 100%; justify-content: space-between;}
}
@media (max-width: 480px) {
    .welcome-footer {padding: 52px 0 24px;}
    .welcome-footer__main {grid-template-columns: 1fr;gap: 36px;}
    .welcome-footer__brand {grid-column: auto;}
    .welcome-footer__brand-actions {align-items: stretch;flex-direction: column;}
    .welcome-footer__cta,.welcome-footer__login {width: 100%;}
    .welcome-footer__column {padding-bottom: 25px;border-bottom: 1px solid #E4E8E6;}
    .welcome-footer__column:last-child {border-bottom: 0;}
    .welcome-footer__bottom-right {align-items:flex-start;flex-direction: column;gap: 14px;}
    .welcome-footer__language {width: 100%; justify-content: flex-start;}
}

/* ==========================================================
   BOSANA HERO V2
   ========================================================== */

.bosana-hero {position: relative;min-height: calc(100vh - 78px);display: flex;align-items: center;overflow: hidden;padding: 82px 0 92px;background: #ffffff;}

/* ==========================================================
   BACKGROUND
   ========================================================== */

.bosana-hero__background {position: absolute;inset: 0;pointer-events: none;background: radial-gradient(circle at 82% 31%, rgba(123, 166, 141, .16), transparent 31% ), radial-gradient(circle at 9% 15%, rgba(255, 122, 107, .075), transparent 27%), linear-gradient(180deg, #ffffff 0%, #ffffff 70%, #FAFBFA 100%);}
.bosana-hero__background::after {content: "";position: absolute;inset: 0;opacity: .52;background-image: linear-gradient(rgba(46, 47, 52, .032) 1px, transparent 1px), linear-gradient(90deg, rgba(46, 47, 52, .032) 1px, transparent 1px);background-size: 60px 60px;mask-image: linear-gradient( to bottom, rgba(0,0,0,.48), transparent 78%);}

/* ==========================================================
   LAYOUT
   ========================================================== */

.bosana-hero__layout {position: relative;z-index: 2;display: grid;grid-template-columns: minmax(450px, .88fr) minmax(560px, 1.12fr);align-items: center;gap: 76px;}

/* ==========================================================
   CONTENT
   ========================================================== */

.bosana-hero__content {max-width: 680px;}
.bosana-hero__eyebrow {width: fit-content;margin-bottom: 22px;padding: 8px 12px;display: inline-flex;align-items: center;gap: 9px;border: 1px solid rgba(123,166,141,.22);border-radius: 100px;background: rgba(123,166,141,.07);color: #638873;font-size: 11px;font-weight: 600;letter-spacing: .025em;}
.bosana-hero__eyebrow-dot {position: relative;width: 7px;height: 7px;border-radius: 50%;background: var(--bosana-green);}
.bosana-hero__eyebrow-dot::after {content: "";position: absolute;inset: -4px;border-radius: 50%;background:rgba(123,166,141,.14);}
.bosana-hero__title {margin: 0;max-width: 670px;color: var(--bosana-dark);font-size: clamp(48px, 5.05vw, 73px);line-height: 1.025;font-weight: 600;letter-spacing: -.052em;}
.bosana-hero__title span {display: block;color: var(--bosana-green);}
.bosana-hero__lead {max-width: 630px;margin: 27px 0 0;color: var(--bosana-text-muted);font-size: clamp(16px, 1.35vw, 18px);line-height: 1.78;}

/* ==========================================================
   CTA
   ========================================================== */

.bosana-hero__actions {margin-top: 34px;display: flex;align-items: center;flex-wrap: wrap;gap: 11px;}
.bosana-hero__primary,.bosana-hero__secondary {min-height: 54px;padding: 0 21px;display: inline-flex;align-items: center;justify-content: center;gap: 10px;border-radius: 13px;font-size: 13px;font-weight: 600;text-decoration: none;transition: transform .22s ease, box-shadow .22s ease, background-color .22s ease, border-color .22s ease;}
.bosana-hero__primary {color: #ffffff;background: var(--bosana-coral);box-shadow: 0 10px 28px rgba(255, 122, 107, .25);}
.bosana-hero__primary:hover {transform: translateY(-2px);background: #F46F61;box-shadow: 0 15px 36px rgba(255, 122, 107, .31);}
.bosana-hero__primary svg {transition: transform .2s ease;}
.bosana-hero__primary:hover svg {transform: translateX(3px);}
.bosana-hero__secondary {color: var(--bosana-dark);background: rgba(255,255,255,.75);border: 1px solid #DDE3E0;}
.bosana-hero__secondary:hover {transform:translateY(-2px);border-color:#C9D3CE;background: #ffffff; box-shadow: 0 9px 25px rgba(46,47,52,.07);}
.bosana-hero__play {width: 26px;height: 26px;display: flex;align-items: center;justify-content: center;border-radius: 50%;color: var(--bosana-green);background:rgba(123,166,141,.12);}

/* ==========================================================
   BENEFITS
   ========================================================== */

.bosana-hero__benefits {margin-top: 28px;display: flex;flex-wrap: wrap;gap: 10px 20px;}
.bosana-hero__benefit {display: flex;align-items: center;gap: 7px;color:#686D6A;font-size: 11px;font-weight: 500;}
.bosana-hero__check {width: 18px;height: 18px;display: inline-flex;align-items: center;justify-content: center;border-radius: 50%;background: rgba(123,166,141,.11);color: var(--bosana-green);font-size: 10px;font-weight: 700;}

/* ==========================================================
   PRODUCT FLOW
   ========================================================== */

.bosana-hero__flow {margin-top: 29px;display: flex;align-items: center;gap: 10px;color:#969A98;font-size: 10px;font-weight: 600;text-transform: uppercase;letter-spacing: .07em;}
.bosana-hero__flow i {position: relative;width: 26px;height: 1px;display: block;background: #D8DDDA;}
.bosana-hero__flow i::after {content: "";position: absolute;top: -2px;right: 0;width: 5px;height: 5px;border-top: 1px solid #BCC5C0;border-right: 1px solid #BCC5C0;transform: rotate(45deg);}

/* ==========================================================
   PRODUCT VISUAL
   ========================================================== */

.bosana-hero__visual {position: relative;min-width: 0;}
.bosana-hero__stage {position: relative;width: 100%;aspect-ratio: 1.13 / 1;perspective: 1400px;}

/* glow */
.bosana-hero__glow {position: absolute;width: 74%;height: 62%;left: 15%;top: 19%;border-radius: 50%;background:rgba(123,166,141,.18);filter: blur(75px);}

/* ==========================================================
   MAIN SCREEN
   ========================================================== */

.bosana-hero__main-screen {position: absolute;width: 88%;left: 4%;top: 13%;z-index: 2;transform: rotateY(-3deg) rotateX(1.2deg) rotateZ(.6deg);transform-origin: center center;transition: transform .2s ease-out;}
.bosana-browser {overflow: hidden; border: 1px solid rgba(46,47,52,.11);border-radius:18px;background:#ffffff;box-shadow:0 42px 95px rgba(46,47,52,.18);}
.bosana-browser__bar {height: 39px;padding: 0 13px;display: grid;grid-template-columns:1fr 2fr 1fr;align-items: center;background:#F3F5F4;border-bottom: 1px solid #E7EAE8;}
.bosana-browser__dots {display: flex;gap: 5px;}
.bosana-browser__dots span {width: 7px;height: 7px;border-radius: 50%;background:#D0D5D2;}
.bosana-browser__dots span:first-child {background:rgba(255,122,107,.72);}
.bosana-browser__dots span:nth-child(2) {background:#E8C977;}
.bosana-browser__dots span:nth-child(3) {background:rgba(123,166,141,.76);}
.bosana-browser__address {height: 23px;padding: 0 15px;display: flex;align-items: center;justify-content: center;border:1px solid #E2E6E4;border-radius:6px;background:#ffffff;color:#9A9E9C;font-size: 8px;}
.bosana-browser__screen {aspect-ratio: 16 / 9;overflow: hidden;background:#EDF0EF;}
.bosana-browser__screen img {width: 100%;height: 100%;display: block;object-fit: cover;object-position: top center;}

/* ==========================================================
   LIVE TIMER CARD
   ========================================================== */

.bosana-hero__timer-card {position: absolute;z-index: 6;left: 0;bottom: 10%;width: 215px;padding: 18px;border: 1px solid rgba(255,255,255,.7);border-radius: 18px;background: rgba(255,255,255,.93);backdrop-filter: blur(14px);-webkit-backdrop-filter: blur(14px);box-shadow: 0 23px 55px rgba(46,47,52,.17);transition: transform .2s ease-out;}
.bosana-timer__top {margin-bottom: 12px;display: flex;align-items: center;gap: 7px;color: var(--bosana-green);font-size: 9px;font-weight: 600;text-transform: uppercase;letter-spacing: .06em;}
.bosana-timer__pulse {position: relative;width: 7px;height: 7px;border-radius: 50%;background: var(--bosana-coral);}
.bosana-timer__pulse::before {content: "";position: absolute;inset: -4px;border-radius: 50%;border: 1px solid rgba(255,122,107,.3); animation: bosanaTimerPulse 2s infinite;}

@keyframes bosanaTimerPulse {
    0% {transform: scale(.8); opacity: .9;}
    70% {transform: scale(1.5); opacity: 0;}
    100% {opacity: 0;}
}


.bosana-timer__time {display: block; margin-bottom: 11px;color: var(--bosana-dark);font-size: 27px;line-height: 1;font-weight: 600;letter-spacing: -.035em;}
.bosana-timer__client {margin-bottom: 3px;color: var(--bosana-dark);font-size: 11px; font-weight: 600;}
.bosana-timer__job {color: #818582;font-size: 9px;line-height: 1.5;}
.bosana-timer__bottom {margin-top: 14px;padding-top: 12px;border-top: 1px solid #EAEEEC;display: flex;justify-content: space-between;align-items: center;color: var(--bosana-dark);font-size: 10px;font-weight:600;}
.bosana-timer__stop {
    width:
        26px;
    height:
        26px;
    display:
        flex;
    align-items:
        center;
    justify-content:
        center;
    border-radius:
        8px;
    color:
        #ffffff;
    background:
        var(--bosana-coral);
    font-size:
        8px;
}


/* ==========================================================
   FLOATING SCREENSHOTS
   ========================================================== */

.bosana-hero__floating-screen {
    position:
        absolute;

    z-index:
        5;

    overflow:
        hidden;

    border:
        1px solid rgba(46,47,52,.09);

    border-radius:
        15px;

    background:
        #ffffff;

    box-shadow:
        0 20px 50px
        rgba(46,47,52,.15);

    transition:
        transform .2s ease-out;
}


.bosana-hero__floating-screen img {
    width:
        100%;

    display:
        block;
}


.bosana-floating__label {
    padding:
        8px 11px;

    border-bottom:
        1px solid #EBEEEC;

    color:
        #777C79;

    background:
        #F8F9F8;

    font-size:
        8px;

    font-weight:
        600;
}


.bosana-hero__floating-screen--stats {
    width:
        205px;

    right:
        0;

    top:
        5%;

    transform:
        rotate(2.5deg);
}


.bosana-hero__floating-screen--team {
    width:
        185px;

    right:
        1%;

    bottom:
        6%;

    transform:
        rotate(-2.5deg);
}


/* ==========================================================
   MINI SUCCESS INFO
   ========================================================== */
.bosana-hero__mini-info {position: absolute; z-index: 7; top: 0; left: 15%; padding: 11px 14px; display: flex;align-items: center;gap: 10px; border:1px solid rgba(46,47,52,.08);border-radius: 13px; background:rgba(255,255,255,.92);backdrop-filter:blur(12px);box-shadow: 0 16px 38px rgba(46,47,52,.11); transition: transform .2s ease-out;}
.bosana-hero__mini-icon {width: 29px; height: 29px;flex: 0 0 29px;display: flex;align-items: center; justify-content: center;border-radius: 9px;color:var(--bosana-green);background:rgba(123,166,141,.12); font-size: 11px;font-weight: 700;}
.bosana-hero__mini-info strong,.bosana-hero__mini-info span {display: block;}
.bosana-hero__mini-info strong {margin-bottom: 2px;color:var(--bosana-dark);font-size: 9px;}
.bosana-hero__mini-info span {color: #929694; font-size: 7px;}


/* ==========================================================
   SCROLL INDICATOR
   ========================================================== */
.bosana-hero__scroll {position: absolute;z-index: 3;left: 50%; bottom: 23px; width: 22px;height: 35px;display: flex;justify-content: center;border: 1px solid #D8DEDB;border-radius: 20px;transform:translateX(-50%);}
.bosana-hero__scroll span {width: 3px;height:6px;margin-top: 7px; border-radius: 5px;background: var(--bosana-green);animation: bosanaScroll 1.8s infinite;}


@keyframes bosanaScroll {
    0% {opacity: 0; transform: translateY(0);}
    30% {opacity: 1;}
    100% {opacity: 0; transform:translateY(12px);}
}


/* ==========================================================
   ENTRY ANIMATION
   ========================================================== */
.hero-reveal {opacity: 0;transform: translateY(20px); animation: bosanaHeroReveal .8s cubic-bezier(.2,.75,.2,1) forwards;animation-delay: var(--hero-delay, 0s);}
@keyframes bosanaHeroReveal {
    to {opacity:1; transform: translateY(0);}
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 1180px) {
    .bosana-hero__layout {grid-template-columns: minmax(400px, .9fr) minmax(500px, 1.1fr);gap: 40px;}
    .bosana-hero__timer-card {width: 190px;}
    .bosana-hero__floating-screen--stats {width: 175px;}
    .bosana-hero__floating-screen--team {width: 160px;}
}



@media (max-width: 960px) {
    .bosana-hero {min-height: auto;padding: 70px 0 90px;}
    .bosana-hero__layout {grid-template-columns:1fr;gap: 62px;}
    .bosana-hero__content {max-width: 760px; text-align: center; margin: 0 auto;}
    .bosana-hero__eyebrow {margin-left: auto; margin-right: auto;}
    .bosana-hero__title span {display: inline;}
    .bosana-hero__lead {margin-left: auto; margin-right: auto;}
    .bosana-hero__actions {justify-content: center;}
    .bosana-hero__benefits {justify-content:center;}
    .bosana-hero__flow {justify-content: center;}
    .bosana-hero__visual {width: min(730px, 100%);margin:0 auto;}
}

@media (max-width: 620px) {
    .bosana-hero {padding: 53px 0 65px;}
    .bosana-hero__title {font-size: 42px;}
    .bosana-hero__lead {font-size: 15px;}
    .bosana-hero__actions {flex-direction: column;}
    .bosana-hero__primary, .bosana-hero__secondary {width:100%;}
    .bosana-hero__benefits {align-items: flex-start;flex-direction: column;width: fit-content;margin: 25px auto 0;}
    .bosana-hero__flow {display: none;}
    .bosana-hero__stage {aspect-ratio: 1 / .92;}
    .bosana-hero__main-screen {width: 96%; left: 2%; top: 11%;}
    .bosana-browser__bar {height: 29px;}
    .bosana-hero__timer-card {left:-2px;bottom:0;width: 165px;padding: 13px;}
    .bosana-timer__time {font-size:21px;}
    .bosana-hero__floating-screen--stats {width: 130px; right: 0;}
    .bosana-hero__floating-screen--team {display: none;}
    .bosana-hero__mini-info {display: none;}
    .bosana-hero__scroll {display:none;}
}

@media (prefers-reduced-motion: reduce) {
    .hero-reveal {opacity: 1;transform: none;animation: none;}
    .bosana-timer__pulse::before,.bosana-hero__scroll span {animation: none;}
}