/* ixperient nav.css - header, footer, reviews, getstarted only */
/* No global reset - safe to load alongside Tailwind/app.css */

/* Inner page spacing under fixed header */
.inner-page {
    padding-top: 80px;
}
@media (max-width: 1279px) {
    .inner-page { padding-top: 56px; }
}
@media (max-width: 767px) {
    .inner-page { padding-top: 47px; }
}

/* Scoped container for ixperient header/footer only */
.ix-wrap {
    max-width: 1432px;
    padding: 0 15px;
    margin: 0 auto;
}
@media (max-width: 1279px) {
    .ix-wrap { max-width: 1000px; }
}
@media (max-width: 999px) {
    .ix-wrap { max-width: 768px; }
}
@media (max-width: 767px) {
    .ix-wrap { max-width: 480px; }
}
@media (max-width: 479px) {
    .ix-wrap { padding: 0 12px; }
}

/* Header user buttons - directly styled to avoid Tailwind conflicts */
.header__user-btn {
    display: flex !important;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #614AD3 !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: normal;
    text-transform: capitalize;
    border: none !important;
    outline: none;
    background-color: transparent !important;
    background-image: none;
    cursor: pointer;
    position: relative;
    -webkit-text-stroke: 2px #fff;
    paint-order: stroke fill;
    text-decoration: none !important;
    box-shadow: none !important;
    padding: 4px 8px;
    border-radius: 0;
}
@media (max-width: 1279px) {
    .header__user-btn { font-size: 9.939px !important; -webkit-text-stroke: 1px #fff; }
}

/* header */
.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    background: linear-gradient(180deg, #F6F6F6 0%, #E6E6E6 100%);
    border-bottom: 1px solid #000;
}
.header__inner {
    padding-top: 2px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1348px;
    margin: 0 auto;
}
.header__logo {
    display: flex;
    align-items: center;
    margin-top: 5px;
    width: 100%;
    max-width: 213px;
}
.header__logo img { width: 100%; }
.header__menu { margin-left: 174px; }
.header__menu ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    list-style: none;
    padding: 0;
    margin: 0;
}
.header__menu ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 14px 5px;
    border: 1px solid transparent;
    transition: all .2s ease;
    border-radius: 100px;
    color: #333;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    text-decoration: none;
}
.header__menu ul li a:hover,
.header__menu ul li a.active {
    border-color: #3530FF;
}
.header__user {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.header__user-btn.active {
    padding: 9px 38px 7px !important;
    background-color: transparent !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='131' height='37' viewBox='0 0 131 37' fill='none'%3E%3CforeignObject x='0' y='0' width='0' height='0'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='backdrop-filter:blur(2px);clip-path:url(%23bgblur_0_176_8197_clip_path);height:100%25;width:100%25'%3E%3C/div%3E%3C/foreignObject%3E%3Cpath data-figma-bg-blur-radius='4' d='M18.5 1H112.5C122.165 1 130 8.83502 130 18.5C130 28.165 122.165 36 112.5 36H18.5C8.83502 36 1 28.165 1 18.5C1 8.98619 8.59184 1.24568 18.0479 1.00586L18.5 1Z' fill='%239E9E9E' fill-opacity='0.18' stroke='url(%23paint0_linear_176_8197)' stroke-width='2'/%3E%3Cdefs%3E%3CclipPath id='bgblur_0_176_8197_clip_path' transform='translate(0 0)'%3E%3Cpath d='M18.5 1H112.5C122.165 1 130 8.83502 130 18.5C130 28.165 122.165 36 112.5 36H18.5C8.83502 36 1 28.165 1 18.5C1 8.98619 8.59184 1.24568 18.0479 1.00586L18.5 1Z'/%3E%3C/clipPath%3E%3ClinearGradient id='paint0_linear_176_8197' x1='-27.5973' y1='-2.66564' x2='-24.1962' y2='43.5696' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    border-radius: 0 !important;
}
.header__burger { display: none; }
@media (max-width: 1279px) {
    .header__logo { max-width: 151px; margin: 0; height: 40px; }
    .header__inner { padding: 8px 0; }
    .header__menu ul { gap: 7.7px; }
    .header__menu ul li a { font-size: 9.939px; padding: 3px 9.7px 3px; }
    .header__user-btn { font-size: 9.939px; }
    .header__user-btn.active { padding: 6px 28px 6px; }
}
@media (max-width: 999px) {
    .header__menu { margin-left: 0; }
}
@media (max-width: 767px) {
    .header__inner { padding: 4px 0; }
    .header__burger {
        display: flex;
        width: 100%;
        max-width: 20px;
        height: 36px;
    }
    .header__burger img { width: 100%; }
    .header__menu {
        position: fixed;
        top: 52px;
        left: 0;
        right: 0;
        background-color: #fff;
        box-shadow: 0px 10.649px 35.498px rgba(0,0,0,0.25);
        width: calc(100% - 30px);
        max-width: 480px;
        margin: 0 auto;
        padding: 9px 24px;
        min-height: 190px;
        border-radius: 0 0 10px 10px;
    }
    .header__menu:not(.active) { display: none; }
    .header__menu ul {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0;
    }
    .header__menu ul li:nth-of-type(1) { grid-column: span 2; }
    .header__menu ul li a { max-width: max-content; border: none; padding: 0; }
    .header__user { display: none; }
}

/* reviews */
.reviews {
    background: #948AAE;
    padding: 30px 0 120px;
}
.reviews__title {
    color: rgba(255,255,255,0.10);
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 126.785px;
    font-weight: 800;
    line-height: 110%;
    letter-spacing: -6.339px;
}
.reviews__block {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    grid-auto-rows: 280px;
}
.reviews__item {
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.50);
    background: rgba(0,0,0,0.12);
    box-shadow: 0px 20px 100px 0px rgba(0,0,0,0.25);
    padding: 26px 23px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.reviews__item-top {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 10px;
}
.reviews__item-user { display: flex; align-items: center; gap: 6px; }
.reviews__item-user--image {
    width: 100%;
    max-width: 46px;
    min-width: 46px;
    height: 46px;
    border-radius: 50%;
    overflow: hidden;
}
.reviews__item-user--image img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.reviews__item-user--name {
    color: #FFF;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.28px;
    margin-bottom: 3px;
}
.reviews__item-user--descr {
    color: rgba(255,255,255,0.60);
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -0.36px;
}
.reviews__item-icon { display: flex; align-items: center; justify-content: center; max-width: 28px; max-height: 28px; }
.reviews__item-icon img { max-width: 100%; max-height: 100%; }
.reviews__item-message {
    color: #FFF;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.18px;
}
.reviews__item-date {
    margin-top: auto;
    color: #FFF;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.36px;
}
@media (max-width: 1279px) {
    .reviews { padding: 21px 0 98px; }
    .reviews__title { font-size: 90.013px; letter-spacing: -4.501px; }
    .reviews__block { gap: 17px; grid-auto-rows: 198px; }
    .reviews__item { padding: 17px 15px; gap: 17px; }
    .reviews__item-user--image { max-width: 32px; min-width: 32px; height: 32px; }
    .reviews__item-user { gap: 5px; }
    .reviews__item-user--name { font-size: 9.939px; }
    .reviews__item-user--descr { font-size: 8.52px; }
    .reviews__item-icon { width: 15px; }
    .reviews__item-message { font-size: 12.779px; }
    .reviews__item-date { font-size: 8.52px; }
}
@media (max-width: 767px) {
    .reviews { padding: 9px 0 42px; }
    .reviews__title { font-size: 38.803px; letter-spacing: 1.94px; }
    .reviews__block { grid-template-columns: 1fr 1fr; gap: 7px; grid-auto-rows: 85px; }
    .reviews__item { padding: 8px 7px; gap: 7px; }
    .reviews__item-user--image { max-width: 14px; min-width: 14px; height: 14px; }
    .reviews__item-user--name { font-size: 4.285px; }
    .reviews__item-user--descr { font-size: 3.673px; }
    .reviews__item-message { font-size: 5.509px; }
    .reviews__item-date { font-size: 3.673px; }
}

/* getstarted */
.getstarted {
    padding: 43px 0 29px;
    background: #000;
}
.getstarted__inner {
    overflow: visible;
    display: flex;
    justify-content: center;
}
.getstarted__btn {
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: relative;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='131' height='37' viewBox='0 0 131 37' fill='none'%3E%3Cpath d='M18.5 1H112.5C122.165 1 130 8.83502 130 18.5C130 28.165 122.165 36 112.5 36H18.5C8.83502 36 1 28.165 1 18.5C1 8.83502 8.83502 1 18.5 1Z' fill='%23FFA320' stroke='url(%23paint0_linear_2620_11)' stroke-width='2'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2620_11' x1='-27.5973' y1='-2.66564' x2='-24.1962' y2='43.5696' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 0;
    height: 37px;
    max-width: 131px;
    width: 100%;
    -webkit-text-stroke: 2px #FFA320 !important;
    paint-order: stroke fill !important;
    color: #fff !important;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    text-decoration: none !important;
}
.getstarted__btn-descr {
    max-width: 136px;
    text-align: left;
    color: #FFF !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 15px !important;
    font-style: italic !important;
    font-weight: 400 !important;
    line-height: normal;
    position: absolute;
    top: -27px;
    right: -135px;
    -webkit-text-stroke: 0 !important;
    paint-order: fill !important;
    text-decoration: none !important;
}
.getstarted__btn-descr::before {
    content: '';
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='17' viewBox='0 0 22 17' fill='none'%3E%3Cpath d='M21.5 1L14.4357 3.44533C10.6383 4.75981 7.52714 7.543 5.79947 11.1711L3.5 16M3.5 16L12.5 13.5L1 4.5L3.5 16Z' stroke='white'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 6px;
    left: -25px;
    width: 20.5px;
    height: 15px;
}
@media (max-width: 1279px) {
    .getstarted { padding: 30px 0 20px; }
    .getstarted__btn { height: 26px; max-width: 93px; font-size: 9.939px; }
    .getstarted__btn-descr { top: -21px; right: -105px; }
}
@media (max-width: 767px) {
    .getstarted { padding: 8px 0; }
    .getstarted__btn { height: 33px; max-width: 120px; font-size: 12.833px; }
    .getstarted__btn-descr { top: -5px; right: -120px; font-size: 13.75px; max-width: 100px; }
}

/* footer */
/* DaisyUI sets .footer { display: grid } and .footer > * { display: grid } —
   !important needed because Vite dev server injects DaisyUI CSS after nav.css */
.footer { display: block !important; padding-top: 82px; padding-bottom: 14px; overflow: hidden; }
.footer .ix-wrap { display: block !important; width: 100% !important; max-width: 1432px; padding: 0 15px; margin: 0 auto; box-sizing: border-box; }
.footer__inner { display: block !important; width: 100% !important; }
.footer__top { display: flex !important; width: 100% !important; align-items: start; justify-content: space-between; gap: 10px; }
.footer__top-start { flex: 1 1 auto; min-width: 0; display: flex !important; align-items: start; justify-content: space-between; gap: 20px; }
.footer__right { flex-shrink: 0; margin-left: auto; }
.footer__left { width: 100%; max-width: 368px; margin-top: 14px; margin-left: 20px; }
.footer__logo {
    display: flex; align-items: center; justify-content: center;
    width: 100%; max-width: 186px; margin-left: 5px; margin-bottom: 1px; height: 50px;
}
.footer__logo img { width: 100%; }
.footer__descr { color: #5E6278; font-family: 'Inter', sans-serif; font-size: 15px; }
.footer__content { width: 100%; max-width: 509px; display: grid; grid-template-columns: 1fr 1fr; }
.footer__block { padding: 0 15px 16px; display: flex; flex-direction: column; gap: 24px; width: 100%; }
.footer__name { color: #212529; font-family: 'Inter', sans-serif; font-size: 18px; font-weight: 400; line-height: normal; }
.footer__menu { display: flex; flex-direction: column; gap: 16px; list-style: none; padding: 0; margin: 0; position: relative; z-index: 2; }

.footer__menu li a {
    display: flex; max-width: max-content; align-items: center;
    color: #5E6278; font-family: 'Inter', sans-serif; font-size: 15px;
    font-weight: 400; line-height: 15px; transition: all .2s ease; text-decoration: none;
}
.footer__menu li a:hover { color: #000; }
.footer__right-image { display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; margin-top: -27px; }
/* Tailwind resets img max-width to 100% — override so image stays at natural 283px */
.footer__right-image img { width: 283px; max-width: none; height: auto; }
.footer__right-image::before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-52%, -56%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='458' height='426' viewBox='0 0 458 426' fill='none'%3E%3Cg filter='url(%23filter0_if_176_9376)'%3E%3Cmask id='path-1-inside-1_176_9376' fill='white'%3E%3Cpath d='M244.714 409.429C335.684 409.429 409.429 335.684 409.429 244.714C409.429 153.745 335.684 80 244.714 80C153.745 80 80 153.745 80 244.714C80 335.684 153.745 409.429 244.714 409.429Z'/%3E%3C/mask%3E%3Cg clip-path='url(%23paint0_angular_176_9376_clip_path)' data-figma-skip-parse='true' mask='url(%23path-1-inside-1_176_9376)'%3E%3Cg transform='matrix(0 0.164714 -0.164714 0 244.714 244.714)'%3E%3CforeignObject x='-1242.84' y='-1242.84' width='2485.69' height='2485.69'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='background:conic-gradient(from 90deg,rgba(255, 147, 89, 1) 0deg,rgba(255, 103, 92, 1) 19.4948deg,rgba(255, 100, 240, 1) 60.227deg,rgba(81, 85, 255, 1) 137.925deg,rgba(84, 237, 255, 1) 212.818deg,rgba(90, 255, 123, 1) 256.575deg,rgba(252, 255, 88, 1) 294.745deg,rgba(255, 201, 85, 1) 335.78deg,rgba(255, 147, 89, 1) 360deg);height:100%25;width:100%25;opacity:1'%3E%3C/div%3E%3C/foreignObject%3E%3C/g%3E%3C/g%3E%3Cpath d='M369.429 244.714C369.429 313.592 313.592 369.429 244.714 369.429V449.429C357.775 449.429 449.429 357.775 449.429 244.714H369.429ZM244.714 369.429C175.836 369.429 120 313.592 120 244.714H40C40 357.775 131.654 449.429 244.714 449.429V369.429ZM120 244.714C120 175.836 175.836 120 244.714 120V40C131.654 40 40 131.654 40 244.714H120ZM244.714 120C313.592 120 369.429 175.836 369.429 244.714H449.429C449.429 131.654 357.775 40 244.714 40V120Z' data-figma-gradient-fill='%7B"type":"GRADIENT_ANGULAR","stops":%5B%7B"color":%7B"r":1.0,"g":0.40760961174964905,"b":0.36441445350646973,"a":1.0%7D,"position":0.054152168333530426%7D,%7B"color":%7B"r":1.0,"g":0.39358115196228027,"b":0.94239032268524170,"a":1.0%7D,"position":0.16729724407196045%7D,%7B"color":%7B"r":0.31858116388320923,"g":0.33520111441612244,"b":1.0,"a":1.0%7D,"position":0.38312545418739319%7D,%7B"color":%7B"r":0.33108115196228027,"g":0.93089681863784790,"b":1.0,"a":1.0%7D,"position":0.59116023778915405%7D,%7B"color":%7B"r":0.35608112812042236,"g":1.0,"b":0.48377814888954163,"a":1.0%7D,"position":0.71270716190338135%7D,%7B"color":%7B"r":0.99198055267333984,"g":1.0,"b":0.3477478027343750,"a":1.0%7D,"position":0.81873548030853271%7D,%7B"color":%7B"r":1.0,"g":0.79176443815231323,"b":0.33524781465530396,"a":1.0%7D,"position":0.93272358179092407%7D%5D,"stopsVar":%5B%5D,"transform":%7B"m00":2.0171686451178270e-14,"m01":-329.42861938476562,"m02":409.42861938476562,"m10":329.42861938476562,"m11":2.0171686451178270e-14,"m12":80.0%7D,"opacity":1.0,"blendMode":"NORMAL","visible":true%7D' mask='url(%23path-1-inside-1_176_9376)'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_if_176_9376' x='0' y='0' width='489.428' height='489.428' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='17'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect1_innerShadow_176_9376'/%3E%3CfeGaussianBlur stdDeviation='40' result='effect2_foregroundBlur_176_9376'/%3E%3C/filter%3E%3CclipPath id='paint0_angular_176_9376_clip_path'%3E%3Cpath d='M369.429 244.714C369.429 313.592 313.592 369.429 244.714 369.429V449.429C357.775 449.429 449.429 357.775 449.429 244.714H369.429ZM244.714 369.429C175.836 369.429 120 313.592 120 244.714H40C40 357.775 131.654 449.429 244.714 449.429V369.429ZM120 244.714C120 175.836 175.836 120 244.714 120V40C131.654 40 40 131.654 40 244.714H120ZM244.714 120C313.592 120 369.429 175.836 369.429 244.714H449.429C449.429 131.654 357.775 40 244.714 40V120Z' mask='url(%23path-1-inside-1_176_9376)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    width: 970px;
    height: 480px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 439.429px 609.429px;
    pointer-events: none;
}
.footer__copy { text-align: center; font-family: 'Inter', sans-serif; font-size: 14px; color: #5E6278; margin-top: 20px; }
.footer__copy img { display: inline; vertical-align: middle; margin: 0 2px; }
.footer__copy strong { color: #212529; }
@media (max-width: 1279px) {
    .footer { padding-top: 58px; padding-bottom: 9px; }
    .footer__left { max-width: 261px; margin-top: 9px; margin-left: 14px; }
    .footer__logo { max-width: 132px; height: 35px; margin-left: 3px; }
    .footer__descr { font-size: 10.649px; }
    .footer__block { padding: 0 10px 11px; gap: 17px; }
    .footer__menu { gap: 14px; }
    .footer__name { font-size: 12.779px; }
    .footer__menu li a { font-size: 10.649px; line-height: 10.649px; }
    .footer__right-image { transform: translateX(-40px); }
    .footer__right-image img { width: 200px; height: auto; }
    .footer__right-image::before { background-size: 359.429px 519.429px; }
    .footer__copy { font-size: 8.52px; margin-top: 10px; }
    .footer__content { max-width: 360px; }
}
@media (max-width: 999px) {
    .footer__right-image { transform: translateX(0); }
}
@media (max-width: 767px) {
    .footer { padding: 18px 0 8px; }
    .footer__content, .footer__descr { display: none; }
    .footer__left { margin: 0 0 0 9px; }
    .footer__logo { margin: 0; max-width: 170px; height: 45px; }
    .footer__right-image { margin-top: -17px; }
    .footer__right-image img { width: 85px; }
    .footer__right-image::before { background-size: 149.429px 290px; width: 500px; top: 51px; height: 500px; }
    .footer__copy { font-size: 3.667px; margin-top: 0; }
}