:root {
  --font: "myriad-pro", sans-serif;
  --green: #5a8a00;
  --green-light: #7ab800;
  --green-bg: rgba(234, 245, 210, 0.75);
  --red: #b5281e;
  --text: #1a1a1a;
  --text-mid: #555;
  --text-dim: #777;
  --white: #ffffff;
  --white-dim: rgba(255, 255, 255, 0.78);
  --white-faint: rgba(255, 255, 255, 0.13);
  --radius: 20px;
  /* Transparent glass used for all FAQ elements */
  --glass: rgba(255, 255, 255, 0.52);
  --glass-border: rgba(255, 255, 255, 0.42);
  --blur: blur(22px);

}
body {font-family: var(--font);color: var(--text);overflow-x: hidden;scroll-behavior: smooth;}
.home-nav .mark {margin-left: 21.8%;margin-top: -9px;}.home-nav .nav-center {margin-left: 12%;  margin-top: -9px;}
.mark-name {font-family: "myriad-pro";font-weight: 700;font-size: 17px;color: #fff;letter-spacing: -0.02em;display: block;}
.mark-tag {font-size: 10px;font-weight: 400;letter-spacing: 0.12em;text-transform: uppercase;color: #fff;display: block;}
.stage {/*this is the fixding code  */position: fixed;inset: 0;width: 100vw;  height: 100vh;overflow:visible;isolation: isolate;pointer-events: auto;z-index: 1;transform: translateZ(0);backface-visibility: hidden;-webkit-backface-visibility: hidden;}

.nav-dropdown {position: relative;list-style: none;}
.nav-dropdown-toggle {display: flex;align-items: center;gap: 6px;border: 0;padding: 0;background: transparent;color: #fff;font: inherit;cursor: pointer;}
.nav-arrow {font-size: 18px;line-height: 1;transition: transform 0.25s ease;}
.nav-dropdown-menu {position: absolute;top: calc(100% + 12px);left: 0;z-index: 999;min-width: 190px;margin: 0;padding: 8px;list-style: none;border: 1px solid rgba(255, 255, 255, 0.25);border-radius: 12px;background: rgba(44, 17, 55, 0.96);box-shadow: 0 12px 28px rgba(0, 0, 0, 0.25);opacity: 0;visibility: hidden;transform: translateY(8px);transition: 0.25s ease;}
.nav-dropdown-menu li {list-style: none;}.nav-dropdown-menu a {display: block;padding: 10px 12px;border-radius: 8px;color: #fff;text-decoration: none;white-space: nowrap;}
.nav-dropdown-menu a:hover {background: rgba(255, 255, 255, 0.12);}

/* Desktop hover */
@media (min-width: 769px) {.nav-dropdown:hover .nav-dropdown-menu {opacity: 1;visibility: visible;transform: translateY(0);}.nav-dropdown:hover .nav-arrow {transform: rotate(180deg);}}
.nav-dropdown.open .nav-dropdown-menu {opacity: 1;visibility: visible;transform: translateY(0);}
.nav-dropdown.open .nav-arrow {transform: rotate(180deg);}

.layer {position: absolute;top: 50%;left: 50%;width: 105%;height: 114%;object-fit: cover;pointer-events: none;will-change: transform;transform: translate(-50%, -50%);}
.layer-sky {z-index: 0;}.layer-fullscene {z-index: 2;transform-origin: center center;}
.layer-portal-left {z-index: 3;top: 65%;left: 25%;width: auto;height: 100%;min-width: unset;object-fit: contain;object-position: right center;transform-origin: left center;}
.layer-portal-right {z-index: 4;left: 76%;right: 0;top: 77%;width: 27%;height: 100%;min-width: unset;object-fit: contain;object-position: left center;transform-origin: right center;}

.faq-panel {position: absolute;inset: 0;z-index: 1;transform: translateY(100%);pointer-events: none;overflow: hidden;}
.faq-scroll-inner {position: absolute;left: 0;right: 0;top: 0;pointer-events: auto;padding-top: 110px;}
.faq-content-wrap {max-width: 820px;margin: 0 auto;padding: 0 24px 80px;}

.search-wrap {margin-bottom: 16px;}
.search-box {display: flex;align-items: center;gap: 12px;background: rgba(255, 255, 255, -0.6);backdrop-filter: var(--blur);-webkit-backdrop-filter: var(--blur);border: 1.5px solid var(--glass-border);border-radius: 18px;padding: 18px 14px;box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);}
.search-icon {width: 17px;height: 17px;color: #fff;flex-shrink: 0;}
.search-input {border: none;outline: none;background: transparent;font-family: var(--font);font-size: 15px;font-weight: 300;color: #fff;width: 100%;}.search-input::placeholder {color: #fff;}

.buckets-wrap {margin-bottom: 20px;display: flex;flex-direction: column;gap: 20px;}
.buckets-row {display: flex;flex-wrap: wrap;gap: 7px;}
.buckets-row:first-child .bucket {background: rgba(255, 255, 255, 0.82);border: 1.5px solid rgba(255, 255, 255, 0.95);backdrop-filter: blur(14px);-webkit-backdrop-filter: blur(14px);}
.buckets-row:last-child .bucket {background: rgba(255, 255, 255, 0.68);border: 1.5px solid rgba(255, 255, 255, 0.82);backdrop-filter: blur(14px);-webkit-backdrop-filter: blur(14px);}
.bucket {padding: 13px;border-radius: 14px;color: #1f1f1f;font-weight: 500;font-size: 15px;cursor: none;pointer-events: auto;transition:background 0.2s,border-color 0.2s,color 0.2s;white-space: nowrap;text-shadow: none;}
.bucket.active {background: #ff2fa6 !important;border-color: #ff2fa6 !important;color: #fff;text-shadow: none;}

.faq-list {display: flex;flex-direction: column;gap: 9px;pointer-events: auto;}
.faq-item {background: rgba(255, 255, 255, -0.6);backdrop-filter: var(--blur);-webkit-backdrop-filter: var(--blur);border: 1.5px solid var(--glass-border);border-radius: 14px;overflow: hidden;transition:border-color 0.25s,box-shadow 0.25s,background 0.25s;}
.faq-item.open {box-shadow: 0 6px 30px rgba(90, 138, 0, 0.12);background: rgba(255, 255, 255, -0.6);}
.faq-q {display: flex;align-items: center;gap: 14px;padding: 16px 18px;cursor: none;pointer-events: auto;user-select: none;}
.faq-num {font-size: 16px;font-weight: 400;min-width: 26px;flex-shrink: 0;}.faq-item:not(.open) .faq-num {color: #fff;}.faq-item.open .faq-num {color: #fff;} 
.faq-text {font-size: 18px;font-weight: 400;color: #fff;flex: 1;line-height: 1.4;}
.faq-chevron {width: 20px;height: 20px;flex-shrink: 0;color: #fff;transition: transform 0.3s ease;}
.faq-item.open .faq-chevron {transform: rotate(180deg);color: #fff;}.faq-answer {display: none;padding: 0 20px 18px 60px;}.faq-item.open .faq-answer {display: block;}
.faq-reviewed {display: flex;align-items: center;gap: 6px;font-size: 10px;font-weight: 700;letter-spacing: 0.12em;color: #000;text-transform: uppercase;margin-bottom: 10px;}
.faq-reviewed svg {width: 14px;height: 14px;}
.faq-body {font-size: 14px;font-weight: 400;line-height: 1.8;color: #fff;margin-bottom: 12px;}
.faq-tag {display: inline-block;font-size: 11px;padding: 4px 14px;border: 1px solid rgba(210, 225, 185, 0.7);border-radius: var(--radius);color: #fff;background: rgba(255, 255, 255, -0.5);}

.hero-headline-wrap {position: absolute;left: 10%;top: 30%;transform: translateY(0);z-index: 5;max-width: 480px;pointer-events: none;}
.hero-headline {font-family: var(--font);font-size: clamp(30px, 3.8vw, 60px);font-weight: 600;line-height: 1.12;color: #fff;display: flex;flex-direction: column;text-shadow: 0 3px 30px rgba(0, 0, 0, 0.55);}
.hero-line {display: block;}
.hero-desc-wrap {position: absolute;left: 10%;top: 60%;transform: translateY(0);z-index: 5;max-width: 55ch;pointer-events: none;}
.hero-subtitle {font-size: 17px;line-height: 1.85;color: #fff;text-shadow: 0 2px 12px rgba(0, 0, 0, 0.55);}

.scroll-indicator{position:absolute;left:55%;bottom:58px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:30;pointer-events:none;}
.scroll-text{color:#000;font-size:18px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;}
.scroll-line{position:relative;width:2px;height:45px;background:rgba(255,255,255,.9);border-radius:10px;overflow:hidden;}
.scroll-dot{position:absolute;left:50%;width:2px;height:18px;background:#111;transform:translateX(-50%);border-radius:10px;animation:scrollMove 1.9s ease-in-out infinite;}
@keyframes scrollMove{0%{top:-14px;}100%{top:54px;}}

.nav {position: absolute;top: 0;left: 0;right: 0;z-index: 10;display: grid;grid-template-columns: 1fr auto 1fr;align-items: center;padding: 22px 40px;pointer-events: auto;gap: 16px;}
.nav-logo {font-size: 15px;font-weight: 700;letter-spacing: 0.04em;color: #fff;white-space: nowrap;justify-self: start;}
.nav-center {list-style: none;display: flex;align-items: center;gap: 50px;flex-wrap: nowrap;justify-self: center;}
.nav-center a {font-family: var(--font);font-size: 13px;font-weight: 400;color: #fff;text-decoration: none;transition: color 0.2s;white-space: nowrap;}.nav-right {justify-self: end;}
.nav-hcp {font-family: var(--font);font-size: 13px;font-weight: 600;letter-spacing: 0.08em;text-transform: uppercase;color: #fff;text-decoration: none;border: 1.5px solid rgba(255, 255, 255, 0.5);padding: 7px 16px;border-radius: 6px;transition:background 0.2s,border-color 0.2s;white-space: nowrap;}
.nav-hcp:hover {background: rgba(255, 255, 255, 0.12);border-color: #fff;}.mobile-arrow {display: none;}

.cards-dock {position: absolute;bottom: 36px;right: 36px;z-index: 20;display: flex;flex-direction: column;gap: 10px;pointer-events: auto;}
.card {display: none;align-items: center;gap: 12px;padding: 11px 15px;background: var(--white-faint);backdrop-filter: blur(18px);-webkit-backdrop-filter: blur(18px);border: 1px solid rgba(255, 255, 255, 0.2);border-radius: var(--radius);min-width: 198px;transition:transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1),box-shadow 0.3s,background 0.3s;}
.card:hover {transform: translateY(-10px) scale(1.13);box-shadow: 0 18px 38px rgba(0, 0, 0, 0.32);background: rgba(255, 255, 255, 0.22);}
.cards-dock:has(.card[data-card="0"]:hover) .card[data-card="1"] {transform: translateY(8px) scale(0.95);}
.cards-dock:has(.card[data-card="0"]:hover) .card[data-card="2"] {transform: translateY(16px) scale(0.9);}
.cards-dock:has(.card[data-card="1"]:hover) .card[data-card="0"] {transform: translateY(-6px) scale(0.96);}
.cards-dock:has(.card[data-card="1"]:hover) .card[data-card="2"] {transform: translateY(6px) scale(0.96);}
.cards-dock:has(.card[data-card="2"]:hover) .card[data-card="0"] {transform: translateY(-14px) scale(0.9);}
.cards-dock:has(.card[data-card="2"]:hover) .card[data-card="1"] {transform: translateY(-7px) scale(0.95);}
.card-icon {font-size: 17px;flex-shrink: 0;}.card-body {display: flex;flex-direction: column;gap: 2px;}
.card-label {font-family: var(--font);font-size: 12px;font-weight: 500;color: #fff;}
.card-sub {font-family: var(--font);font-size: 10px;font-weight: 300;color: var(--white-dim);letter-spacing: 0.06em;text-transform: uppercase;}

.cursor {position: fixed;width: 28px;height: 28px;border: 1.5px solid #fff;border-radius: 50%;pointer-events: none;z-index: 9999;mix-blend-mode: difference;transition:width 0.18s,height 0.18s;will-change: transform;top: 0;left: 0;}
.cursor.large {width: 48px;height: 48px;}

.load-more-btn {display: block;width: 30%;margin: 20px auto;padding: 14px 20px;border: 1px solid #7ba02a;border-radius: 14px;background: #f0f8d8;color: #7ba02a;font-size: 16px;font-weight: 600;cursor: pointer;transition: 0.25s;}
.load-more-btn:hover {background: #7ba02a;color: #fff;}.scroll-top-btn {display: none;}.nav-center li {list-style: none;position: relative;}

.dropdown > a {display: flex;align-items: center;gap: 6px;font-size: 17px;font-weight: 700;}
.dropdown-menu {position: absolute;top: 130%;left: 50%;transform: translateX(-50%);min-width: 150px;background: #fff;border-radius: 10px;box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);padding: 10px 0;opacity: 0;visibility: hidden;transition: 0.25s;z-index: 100;}
.dropdown-menu li {list-style: none;}
.dropdown-menu a {display: block;padding: 12px 18px;color: #222;text-transform: none;font-size: 14px;letter-spacing: 0;}
.dropdown-menu a:hover {background: #FCE7F2;color: #9E1262;text-decoration: none;min-width: 100px;}.dropdown:hover .dropdown-menu {opacity: 1;visibility: visible;top: 110%;}
.burger{display:none;width:42px;height:42px;border:none;background:transparent;cursor:pointer;flex-direction:column;justify-content:center;gap:5px;}
.burger span{display:block;width:24px;height:2px;background:#222;border-radius:2px;}
.dropdown>a{display:flex;justify-content:space-between;align-items:center;}
.mobile-arrow{transition:.25s;border: 1px solid;border-radius: 50%;}
.dropdown.open .mobile-arrow{transform:rotate(180deg);}

/* RESPONSIVE of the mobile  */

@media (max-width:424px){.hero-headline-wrap{left:6%;top:28%;max-width:88%}.hero-headline{font-size:28px;font-weight:700;line-height:1.12}.hero-desc-wrap{left:6%;top:44%;max-width:86%}.layer-fullscene-picture,.layer-sky{position:absolute;top:55%;left:44%;object-fit:cover;pointer-events:none;transform:translate(-50%,-50%)}.hero-subtitle{font-size:14px;font-weight:500;line-height:1.65}.home-nav .mark,.home-nav .nav-center{margin-left:0;margin-top:0}.bucket{padding:7px 13px}.layer-portal-left,.layer-portal-right{display:none!important}.burger,.nav{display:flex}.layer-fullscene-picture{width:120%;height:114%}.layer-sky{width:160%;height:130%}.scroll-top-btn{position:fixed;right:18px;bottom:18px;width:40px;height:40px;border:0;border-radius:50%;background:#79d64d;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:9999;opacity:0;visibility:hidden;transform:translateY(15px) scale(.9);transition:opacity .25s,transform .25s,visibility .25s;box-shadow:0 6px 18px rgba(0,0,0,.28)}.scroll-top-btn.show{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.scroll-top-btn svg{width:30px;height:30px}.scroll-top-btn:active{transform:scale(.92)}.faq-content-wrap{padding:50px 12px 48px}.load-more-btn{width:50%;padding:12px}.load-more-btn:hover{background:#7ba02a;color:#fff}.burger,.mark{position:relative;z-index:1001}.nav{position:fixed;top:0;left:0;right:0;justify-content:space-between;align-items:center;padding:12px 22px;background:#fff;z-index:9999}.burger{z-index:1001}.nav-center li{width:100%}.dropdown>a{padding:14px 20px;justify-content:space-between}.dropdown-menu{position:static;left:auto;top:auto;transform:none;min-width:100%;border-radius:0;box-shadow:none;background:#f8f8f8;opacity:1;visibility:visible;display:none}.dropdown.open .dropdown-menu,.mark-name,.mark-tag,.mobile-arrow{display:block}.mark-name{font-family:myriad-pro;font-weight:700;font-size:17px;color:#000;letter-spacing:-.02em}.mark-tag{font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#000}.mobile-arrow{transition:.25s;margin-left:auto}.dropdown.open .mobile-arrow{transform:rotate(180deg)}}
@media (min-width:425px) and (max-width:768px){.layer-fullscene-picture,.layer-sky{position:absolute;object-fit:cover;pointer-events:none;transform:translate(-50%,-50%)}.hero-headline-wrap{left:7%;top:24%;max-width:85%}.hero-headline{font-size:32px;font-weight:700;line-height:1.12}.hero-desc-wrap{left:7%;top:44%;max-width:82%}.hero-subtitle{font-size:15px;font-weight:500;line-height:1.7}.home-nav .mark,.home-nav .nav-center{margin-left:0;margin-top:0}.bucket{padding:7px 13px}.layer-portal-left,.layer-portal-right{display:none!important}.layer-fullscene-picture{top:55%;left:44%;width:120%;height:114%}.layer-sky{top:50%;left:40%;width:160%;height:130%}.scroll-top-btn{position:fixed;right:18px;bottom:18px;width:40px;height:40px;border:0;border-radius:50%;background:#a6ce39;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:9999;opacity:0;visibility:hidden;transform:translateY(15px) scale(.9);transition:opacity .25s,transform .25s,visibility .25s;box-shadow:0 6px 18px rgba(0,0,0,.28)}.burger,.nav{display:flex;z-index:1001}.scroll-top-btn.show{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.scroll-top-btn svg{width:30px;height:30px}.scroll-top-btn:active{transform:scale(.92)}.faq-content-wrap{padding:50px 12px 48px}.load-more-btn{width:50%;padding:12px}.load-more-btn:hover{background:#7ba02a;color:#fff}.nav{position:fixed;top:0;left:0;right:0;justify-content:space-between;align-items:center;padding:13px 22px;background:#fff}.nav-center li{width:100%}.dropdown>a{padding:14px 20px;justify-content:space-between;color:#38373f;font:inherit}.dropdown-menu{position:static;left:auto;top:auto;transform:none;min-width:100%;border-radius:0;box-shadow:none;opacity:1;visibility:visible;display:none}.dropdown.open .dropdown-menu,.mark-name,.mark-tag,.mobile-arrow{display:block}.mark-name{font-family:myriad-pro;font-weight:700;font-size:17px;color:#000;letter-spacing:-.02em}.mark-tag{font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#000}.mobile-arrow{transition:.25s;margin-left:auto}.dropdown.open .mobile-arrow{transform:rotate(180deg)}}
@media (max-width:768px){.stage,body,html{max-width:100%}.nav,.nav-center{left:0;overflow:visible}.dropdown-menu,.nav-center{display:none;width:100%;background:#fff}.nav-center,.nav-center a,.nav-center li,.stage,body,html{width:100%}.dropdown-menu,.nav,.nav-center{background:#fff}body,html{overflow-x:hidden;cursor:auto}.nav{position:fixed;top:0;right:0;z-index:100000}.nav .mark{min-width:0;margin:0}.mark-name{font-size:clamp(14px, 4vw, 17px);white-space:nowrap}.mark-tag{font-size:9px;white-space:nowrap}.nav .burger{display:grid;width:40px;height:40px;visibility:visible;opacity:1;position:relative;z-index:10001}.nav-center{position:absolute;top:100%;height:auto;max-height:none;z-index:99999;visibility:hidden;opacity:0;transform:translateY(-10px);transition:opacity .25s,transform .25s,visibility .25s}.nav-center.open{display:block;visibility:visible;opacity:1;transform:translateY(0)}.nav-center a{display:flex;align-items:center;min-height:52px;padding:14px 20px;color:#38373f;font:inherit}.dropdown-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none}.dropdown.open .dropdown-menu{display:block;padding-left:16px}.burger{display:flex;position:relative;z-index:100001}.scroll-text{color:#fff;font-size:15px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;}}
@media(min-width:1025px) and (max-width:1439px){.home-nav .mark{margin-left:0}.hero-desc-wrap,.hero-headline-wrap{left:3%}}
@media (prefers-reduced-motion:reduce){.card,.cursor{transition:none}}
body.menu-open{overflow:hidden}
@media (pointer: coarse) {.cursor {display: none !important;}}