.jour-form-wrap{
    --jour-text:#f4f7f6;
    --jour-muted:#9aa8ab;
    --jour-cyan:#5ad4ef;
    --jour-ink:#071417;
    --jour-line:rgba(255,255,255,.1);
    --jour-danger:#ff8b8b;
    position:relative;
    width:100%;
    max-width:100%;
    min-width:0;
    overflow-x:hidden;
    overflow-x:clip;
    color:var(--jour-text);
    font-size:16px;
    font-weight:500;
    font-family:"Vazirmatn FD",Sans-serif;
    box-sizing:border-box;
    isolation:isolate;
}

.jour-form-wrap *,
.jour-form-wrap *::before,
.jour-form-wrap *::after{
    box-sizing:border-box;
    font-family:"Vazirmatn FD",Sans-serif!important;
}

.jour-form-wrap button,
.jour-form-wrap input,
.jour-form-wrap select,
.jour-form-wrap textarea{font:inherit}

.jour-form-wrap .jour-hp{
    position:absolute;
    top:0;
    right:0;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    clip-path:inset(50%);
    border:0;
    opacity:0;
    pointer-events:none;
}

.jour-form-wrap .jour-form,
.jour-form-wrap .jour-form__inner{
    position:relative;
    width:100%;
    max-width:100%;
    min-width:0;
    margin:0;
    padding:0;
    border:0;
    background:transparent;
}

.jour-form-wrap .jour-form__header{
    position:relative;
    margin-bottom:8px;
    padding:8px 4px 8px;
}

.jour-form-wrap .jour-form__eyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-bottom:14px;
    padding:6px 12px 6px 10px;
    border:1px solid rgba(90,212,239,.28);
    border-radius:999px;
    color:var(--jour-cyan);
    background:rgba(90,212,239,.08);
    font-size:15px;
    font-weight:500;
}

.jour-form-wrap .jour-form__eyebrow-dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--jour-cyan);
    box-shadow:0 0 0 6px rgba(90,212,239,.12);
    animation:jourPulse 2.2s infinite;
}

@keyframes jourPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.35)}}

.jour-form-wrap .jour-form__heading-row{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:16px;
    min-width:0;
}

.jour-form-wrap .jour-form__heading-row>div{
    min-width:0;
    flex:1 1 auto;
}

.jour-form-wrap .jour-form__heading-row h2{
    margin:0 0 10px;
    color:#fff;
    font-size:clamp(22px,5vw,40px);
    font-weight:700;
    line-height:1.15;
    letter-spacing:-.8px;
    overflow-wrap:anywhere;
    word-break:break-word;
}

.jour-form-wrap .jour-form__heading-row h2 em{
    display:inline-block;
    color:var(--jour-cyan);
    font-style:normal;
    transform:rotate(-2deg);
}

.jour-form-wrap .jour-form__heading-row p{
    max-width:34em;
    margin:0;
    color:var(--jour-muted);
    font-size:18px;
    font-weight:500;
    line-height:1.9;
    overflow-wrap:anywhere;
}

.jour-form-wrap .jour-form__clapper{
    flex:0 0 auto;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width:86px;
    height:86px;
    border-radius:28px;
    color:var(--jour-ink);
    background:
        radial-gradient(circle at 30% 25%,#9aecff,transparent 42%),
        linear-gradient(160deg,#5ad4ef,#3aa8c4);
    box-shadow:0 16px 36px rgba(90,212,239,.28);
    transform:rotate(6deg);
}

.jour-form-wrap .jour-form__clapper span{
    font-size:28px;
    font-weight:700;
    line-height:1;
}

.jour-form-wrap .jour-form__clapper small{
    margin-top:2px;
    font-size:13px;
    font-weight:500;
    opacity:.8;
}

.jour-form-wrap .jour-progress-meter{padding:22px 4px 0}
.jour-form-wrap .jour-progress-meter__info{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:10px;
    color:var(--jour-muted);
    font-size:15px;
    font-weight:500;
}
.jour-form-wrap .jour-progress-meter__info strong{color:var(--jour-cyan);font-size:16px;font-weight:500}
.jour-form-wrap .jour-progress-meter__track{
    overflow:hidden;
    height:10px;
    border-radius:999px;
    background:rgba(255,255,255,.08);
}
.jour-form-wrap .jour-progress-meter__track>span{
    display:block;
    height:100%;
    border-radius:inherit;
    background:linear-gradient(90deg,#3aa8c4,#7ae6ff);
    box-shadow:0 0 18px rgba(90,212,239,.45);
    transition:width .45s cubic-bezier(.2,.8,.2,1);
}

.jour-form-wrap .jour-progress{
    display:grid;
    grid-template-columns:1fr auto 1fr auto 1fr;
    gap:10px;
    align-items:stretch;
    padding:18px 0 8px;
}

.jour-form-wrap .jour-progress>i{
    align-self:center;
    height:3px;
    border-radius:99px;
    background:rgba(255,255,255,.1);
}

.jour-form-wrap .jour-progress__item{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
    margin:0;
    padding:10px 12px;
    border:1px solid transparent;
    border-radius:18px;
    color:#7d8c8f;
    background:rgba(255,255,255,.03);
    text-align:right;
    cursor:pointer;
    transition:.25s ease;
}

.jour-form-wrap .jour-progress__item>span{
    display:grid;
    place-items:center;
    width:36px;
    height:36px;
    border-radius:12px;
    background:rgba(255,255,255,.06);
    font-size:16px;
    font-weight:500;
}

.jour-form-wrap .jour-progress__item div{display:flex;flex-direction:column;gap:1px}
.jour-form-wrap .jour-progress__item strong{font-size:16px;font-weight:700;color:inherit}
.jour-form-wrap .jour-progress__item small{font-size:14px;font-weight:500;opacity:.8}
.jour-form-wrap .jour-progress__item.is-active{
    color:#fff;
    border-color:rgba(90,212,239,.35);
    background:rgba(90,212,239,.12);
}
.jour-form-wrap .jour-progress__item.is-active>span{color:var(--jour-ink);background:var(--jour-cyan)}
.jour-form-wrap .jour-progress__item.is-done{color:var(--jour-cyan)}
.jour-form-wrap .jour-progress__item.is-done>span{color:var(--jour-cyan);background:rgba(90,212,239,.14)}

.jour-form-wrap .jour-pack{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:0;
    min-height:62px;
    margin:8px 0 6px;
    padding:10px 12px;
    border:1px dashed rgba(90,212,239,.28);
    border-radius:20px;
    background:rgba(90,212,239,.05);
}

.jour-form-wrap .jour-pack__label{
    flex:0 0 auto;
    padding:7px 11px;
    border-radius:999px;
    color:var(--jour-ink);
    background:var(--jour-cyan);
    font-size:14px;
    font-weight:500;
}

.jour-form-wrap .jour-pack__chips{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    min-width:0;
}

.jour-form-wrap .jour-pack__empty{color:var(--jour-muted);font-size:15px;font-weight:500;overflow-wrap:anywhere}
.jour-form-wrap .jour-pack__chips>span:not(.jour-pack__empty){
    padding:6px 11px;
    border-radius:999px;
    color:#dff7ff;
    background:rgba(90,212,239,.16);
    font-size:15px;
    font-weight:500;
}

.jour-form-wrap .jour-form__body{padding-top:22px}
.jour-form-wrap .jour-step[hidden],
.jour-form-wrap .jour-config[hidden]{display:none!important}
.jour-form-wrap .jour-step.is-active{animation:jourStepIn .4s ease both}
@keyframes jourStepIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

.jour-form-wrap .jour-step__title{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:16px;
    min-width:0;
    margin-bottom:20px;
}
.jour-form-wrap .jour-step__title>div{min-width:0}
.jour-form-wrap .jour-step__title>div>span{display:block;margin-bottom:4px;color:var(--jour-cyan);font-size:14px;font-weight:500}
.jour-form-wrap .jour-step__title h3{margin:0;font-size:clamp(20px,5vw,32px);font-weight:700;line-height:1.4;overflow-wrap:anywhere}
.jour-form-wrap .jour-step__title em{
    padding:7px 12px;
    border-radius:999px;
    color:#ead7b4;
    background:rgba(185,148,94,.12);
    font-size:14px;
    font-style:normal;
    font-weight:500;
}

.jour-form-wrap .jour-services{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
}

.jour-form-wrap .jour-service-card{
    --card-accent:var(--jour-cyan);
    position:relative;
    display:flex;
    flex-direction:column;
    min-height:210px;
    padding:22px 20px 18px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08);
    border-radius:26px;
    background:
        radial-gradient(120px 80px at 100% 0,rgba(90,212,239,.22),transparent 70%),
        linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));
    cursor:pointer;
    transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}

.jour-form-wrap .jour-service-card[data-tone="reels"]{--card-accent:#5ad4ef}
.jour-form-wrap .jour-service-card[data-tone="teaser"]{--card-accent:#f0b45a}
.jour-form-wrap .jour-service-card[data-tone="photo"]{--card-accent:#7ee0b0}
.jour-form-wrap .jour-service-card[data-tone="content"]{--card-accent:#c9a6ff}
.jour-form-wrap .jour-service-card[data-tone="motion"]{--card-accent:#ff8fab}
.jour-form-wrap .jour-service-card[data-tone="design"]{--card-accent:#8ab4ff}

.jour-form-wrap .jour-service-card>input{position:absolute;opacity:0;pointer-events:none}
.jour-form-wrap .jour-service-card:hover{transform:translateY(-4px) rotate(-.4deg);border-color:var(--card-accent)}
.jour-form-wrap .jour-service-card.is-selected{
    border-color:var(--card-accent);
    box-shadow:0 16px 40px rgba(0,0,0,.22);
    background:
        radial-gradient(140px 90px at 100% 0,rgba(90,212,239,.28),transparent 72%),
        linear-gradient(180deg,rgba(90,212,239,.14),rgba(255,255,255,.03));
}

.jour-form-wrap .jour-service-card.is-selected::before{
    content:"✓";
    position:absolute;
    top:14px;
    left:14px;
    display:grid;
    place-items:center;
    width:28px;
    height:28px;
    border-radius:50%;
    color:var(--jour-ink);
    background:var(--card-accent);
    font-size:16px;
    font-weight:500;
}

.jour-form-wrap .jour-service-card__icon{
    display:grid;
    place-items:center;
    width:52px;
    height:52px;
    margin-bottom:18px;
    border-radius:18px;
    color:var(--card-accent);
    background:rgba(90,212,239,.16);
}

.jour-form-wrap .jour-service-card__icon svg{width:28px;height:28px}
.jour-form-wrap .jour-service-card strong{display:block;margin-bottom:6px;font-size:18px;font-weight:700}
.jour-form-wrap .jour-service-card small{display:block;color:var(--jour-muted);font-size:14px;font-weight:500;line-height:1.8}
.jour-form-wrap .jour-service-card__action{
    display:inline-flex;
    align-items:center;
    gap:8px;
    width:max-content;
    margin-top:auto;
    padding:8px 12px 8px 10px;
    border-radius:999px;
    color:var(--card-accent);
    background:rgba(0,0,0,.18);
    font-size:15px;
    font-weight:500;
}

.jour-form-wrap .jour-service-card__action i{
    display:grid;
    place-items:center;
    width:22px;
    height:22px;
    border-radius:50%;
    color:var(--jour-ink);
    background:var(--card-accent);
    font-size:16px;
    font-style:normal;
    font-weight:500;
    line-height:1;
}

.jour-form-wrap .jour-service-card.is-selected .jour-service-card__action{color:#fff}
.jour-form-wrap .jour-service-card.is-selected .jour-service-card__action i{color:var(--card-accent);background:#fff}

.jour-form-wrap .jour-custom-service{
    margin-top:14px;
    padding:18px;
    border:1px solid var(--jour-line);
    border-radius:24px;
    background:rgba(255,255,255,.03);
}

.jour-form-wrap .jour-custom-service__head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}
.jour-form-wrap .jour-custom-service__head strong{font-size:18px;font-weight:700}
.jour-form-wrap .jour-custom-service__head small{display:block;margin-top:3px;color:var(--jour-muted);font-size:15px;font-weight:500}
.jour-form-wrap .jour-custom-service__head>span{padding:6px 10px;border-radius:999px;color:#ead7b4;background:rgba(185,148,94,.12);font-size:14px;font-weight:500}
.jour-form-wrap .jour-custom-service__add{display:grid;grid-template-columns:1fr auto;gap:10px}

.jour-form-wrap .jour-custom-service__add input,
.jour-form-wrap .jour-field input,
.jour-form-wrap .jour-field select,
.jour-form-wrap .jour-field textarea{
    width:100%;
    max-width:100%;
    min-width:0;
    min-height:54px;
    margin:0;
    padding:0 16px;
    outline:0;
    border:1px solid rgba(255,255,255,.1);
    border-radius:16px;
    color:var(--jour-text);
    background:rgba(7,14,16,.45);
    font-size:16px;
    font-weight:500;
}

.jour-form-wrap .jour-custom-service__add input:focus,
.jour-form-wrap .jour-field input:focus,
.jour-form-wrap .jour-field select:focus,
.jour-form-wrap .jour-field textarea:focus{
    border-color:rgba(90,212,239,.6);
    box-shadow:0 0 0 4px rgba(90,212,239,.12);
}

.jour-form-wrap .jour-custom-service__add button{
    display:inline-flex;
    align-items:center;
    gap:6px;
    min-width:120px;
    min-height:54px;
    padding:0 16px;
    border:0;
    border-radius:16px;
    color:var(--jour-ink);
    background:var(--jour-cyan);
    cursor:pointer;
    font-size:16px;
    font-weight:500;
}

.jour-form-wrap .jour-custom-service__add button i{font-size:20px;font-style:normal}
.jour-form-wrap .jour-custom-service__list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.jour-form-wrap .jour-custom-service__list:empty{display:none}
.jour-form-wrap .jour-custom-service__tag{
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:38px;
    padding:0 12px;
    border-radius:999px;
    color:#ead7b4;
    background:rgba(185,148,94,.12);
    font-size:15px;
    font-weight:500;
}
.jour-form-wrap .jour-custom-service__tag button{
    width:22px;
    height:22px;
    padding:0;
    border:0;
    border-radius:50%;
    color:#fff;
    background:rgba(255,139,139,.2);
    cursor:pointer;
}

.jour-form-wrap .jour-error{display:none;margin:14px 2px 0;color:var(--jour-danger);font-size:16px;font-weight:500}
.jour-form-wrap .jour-error.is-visible{display:block}

.jour-form-wrap .jour-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:26px}
.jour-form-wrap .jour-actions--end{justify-content:flex-end}

.jour-form-wrap .jour-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:56px;
    max-width:100%;
    padding:0 22px;
    border:0;
    border-radius:18px;
    cursor:pointer;
    font-size:16px;
    font-weight:500;
    transition:transform .2s ease,box-shadow .2s ease;
}
.jour-form-wrap .jour-btn:hover{transform:translateY(-2px)}
.jour-form-wrap .jour-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.jour-form-wrap .jour-btn--primary,
.jour-form-wrap .jour-btn--submit{
    color:var(--jour-ink);
    background:linear-gradient(135deg,#7ae6ff,var(--jour-cyan));
    box-shadow:0 14px 30px rgba(90,212,239,.22);
}
.jour-form-wrap .jour-btn--ghost{
    border:1px solid var(--jour-line);
    color:var(--jour-muted);
    background:rgba(255,255,255,.04);
}
.jour-form-wrap .jour-btn--submit{min-width:220px}

.jour-form-wrap .jour-configs{display:flex;flex-direction:column;gap:14px}
.jour-form-wrap .jour-config{
    padding:20px;
    border:1px solid var(--jour-line);
    border-radius:24px;
    background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
}
.jour-form-wrap .jour-config__head{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--jour-line)}
.jour-form-wrap .jour-config__head>span{
    display:grid;
    place-items:center;
    width:40px;
    height:40px;
    border-radius:14px;
    color:var(--jour-ink);
    background:var(--jour-cyan);
    font-size:15px;
    font-weight:500;
}
.jour-form-wrap .jour-config__head strong{display:block;font-size:16px;font-weight:700}
.jour-form-wrap .jour-config__head small{color:var(--jour-muted);font-size:15px;font-weight:500}

.jour-form-wrap .jour-fields{display:grid;gap:12px}
.jour-form-wrap .jour-fields--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.jour-form-wrap .jour-fields--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.jour-form-wrap .jour-fields--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.jour-form-wrap .jour-field{display:flex;flex-direction:column;gap:8px;min-width:0}
.jour-form-wrap .jour-field--full{grid-column:1/-1}
.jour-form-wrap .jour-field>span{color:#d5ddde;font-size:15px;font-weight:500}
.jour-form-wrap .jour-field>span b{color:var(--jour-cyan)}
.jour-form-wrap .jour-field select{
    padding-left:40px;
    appearance:none;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2397a4a7' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:left 14px center;
}
.jour-form-wrap .jour-field select option{color:#fff;background:#182326}
.jour-form-wrap .jour-field textarea{min-height:124px;padding:14px 16px;resize:vertical;line-height:1.9}
.jour-form-wrap .jour-field input.is-invalid{border-color:rgba(255,139,139,.8);box-shadow:0 0 0 4px rgba(255,139,139,.1)}

.jour-form-wrap .jour-number{
    display:grid;
    grid-template-columns:48px 1fr 48px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.1);
    border-radius:16px;
    background:rgba(7,14,16,.45);
}
.jour-form-wrap .jour-number input{min-height:52px;padding:0;border:0!important;text-align:center;background:transparent!important;box-shadow:none!important;-moz-appearance:textfield}
.jour-form-wrap .jour-number input::-webkit-outer-spin-button,
.jour-form-wrap .jour-number input::-webkit-inner-spin-button{-webkit-appearance:none}
.jour-form-wrap .jour-number button{border:0;color:var(--jour-cyan);background:rgba(90,212,239,.08);cursor:pointer;font-size:24px}

.jour-form-wrap .jour-addons{margin-top:14px;padding:18px;border:1px solid var(--jour-line);border-radius:24px;background:rgba(255,255,255,.03)}
.jour-form-wrap .jour-addons__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.jour-form-wrap .jour-addons__head strong{font-size:16px;font-weight:700}
.jour-form-wrap .jour-addons__head small{display:block;color:var(--jour-muted);font-size:15px;font-weight:500}
.jour-form-wrap .jour-addons__head>span{padding:6px 10px;border-radius:999px;color:#ead7b4;background:rgba(185,148,94,.12);font-size:14px;font-weight:500}
.jour-form-wrap .jour-chips{display:flex;flex-wrap:wrap;gap:8px}
.jour-form-wrap .jour-chips label{cursor:pointer}
.jour-form-wrap .jour-chips input{position:absolute;opacity:0;pointer-events:none}
.jour-form-wrap .jour-chips span{
    display:flex;
    align-items:center;
    min-height:42px;
    padding:0 14px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:999px;
    color:#cfd8d9;
    background:rgba(255,255,255,.04);
    font-size:15px;
    font-weight:500;
    transition:.2s ease;
}
.jour-form-wrap .jour-chips input:checked+span{border-color:var(--jour-cyan);color:var(--jour-ink);background:var(--jour-cyan)}

.jour-form-wrap .jour-final-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.8fr);gap:16px;align-items:start}
.jour-form-wrap .jour-contact-card,
.jour-form-wrap .jour-summary{
    padding:20px;
    border:1px solid var(--jour-line);
    border-radius:24px;
    background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
}
.jour-form-wrap .jour-summary{position:sticky;top:18px}
.jour-form-wrap .jour-summary__head{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid var(--jour-line)}
.jour-form-wrap .jour-summary__head>span{
    display:grid;
    place-items:center;
    width:40px;
    height:40px;
    border-radius:14px;
    color:var(--jour-ink);
    background:var(--jour-cyan);
}
.jour-form-wrap .jour-summary__head svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}
.jour-form-wrap .jour-summary__head strong{display:block;font-size:17px;font-weight:700}
.jour-form-wrap .jour-summary__head small{color:var(--jour-muted);font-size:14px;font-weight:500}
.jour-form-wrap .jour-summary__list{display:flex;flex-direction:column;gap:10px;padding:14px 0}
.jour-form-wrap .jour-summary__item{padding:10px 12px;border-right:3px solid var(--jour-cyan);border-radius:12px;background:rgba(90,212,239,.08)}
.jour-form-wrap .jour-summary__item strong{display:block;margin-bottom:3px;font-size:16px;font-weight:700}
.jour-form-wrap .jour-summary__item small{color:var(--jour-muted);font-size:14px;font-weight:500;line-height:1.7}
.jour-form-wrap .jour-summary__note{padding:12px;border-radius:14px;color:#ead7b4;background:rgba(185,148,94,.1);font-size:14px;font-weight:500;line-height:1.9}

.jour-form-wrap .jour-consent{display:flex;align-items:flex-start;gap:10px;margin-top:16px;color:var(--jour-muted);font-size:15px;font-weight:500;line-height:1.8;cursor:pointer}
.jour-form-wrap .jour-consent input{position:absolute;opacity:0;pointer-events:none}
.jour-form-wrap .jour-consent>span{
    flex:0 0 auto;
    display:grid;
    place-items:center;
    width:24px;
    height:24px;
    margin-top:2px;
    border:1px solid var(--jour-line);
    border-radius:8px;
    color:transparent;
}
.jour-form-wrap .jour-consent svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.5}
.jour-form-wrap .jour-consent input:checked+span{border-color:var(--jour-cyan);color:var(--jour-ink);background:var(--jour-cyan)}

.jour-form-wrap .jour-modal{
    position:fixed;
    inset:0;
    z-index:100000;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
}
.jour-form-wrap .jour-modal[hidden]{display:none!important}
.jour-form-wrap .jour-modal__backdrop{
    position:absolute;
    inset:0;
    background:rgba(4,10,12,.72);
    backdrop-filter:blur(10px);
}
.jour-form-wrap .jour-modal__box{
    position:relative;
    width:min(420px,100%);
    padding:36px 28px 28px;
    border:1px solid rgba(90,212,239,.22);
    border-radius:28px;
    background:linear-gradient(180deg,#173238,#101c20);
    box-shadow:0 28px 80px rgba(0,0,0,.4);
    text-align:center;
}
.jour-form-wrap .jour-modal__state{display:flex;flex-direction:column;align-items:center;gap:10px}
.jour-form-wrap .jour-modal__state[hidden]{display:none!important}
.jour-form-wrap .jour-modal__state strong{display:block;color:#fff;font-size:22px;font-weight:700}
.jour-form-wrap .jour-modal__state small{color:var(--jour-muted);font-size:16px;font-weight:500;line-height:1.8}
.jour-form-wrap .jour-loader{
    width:54px;
    height:54px;
    margin-bottom:8px;
    border:4px solid rgba(90,212,239,.18);
    border-top-color:var(--jour-cyan);
    border-radius:50%;
    animation:jourSpin .8s linear infinite;
}
@keyframes jourSpin{to{transform:rotate(360deg)}}
.jour-form-wrap .jour-modal__check{
    display:grid;
    place-items:center;
    width:64px;
    height:64px;
    margin-bottom:8px;
    border-radius:50%;
    color:var(--jour-ink);
    background:var(--jour-cyan);
    box-shadow:0 12px 30px rgba(90,212,239,.28);
}
.jour-form-wrap .jour-modal__check svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.jour-form-wrap .jour-modal__state--success .jour-btn{margin-top:12px;min-width:140px}
body.jour-modal-open{overflow:hidden}

@media (max-width:767px){
    .jour-form-wrap .jour-modal{padding:14px}
    .jour-form-wrap .jour-modal__box{padding:28px 20px 22px}
}

@media (max-width:1024px){
    .jour-form-wrap .jour-services{grid-template-columns:repeat(2,minmax(0,1fr))}
    .jour-form-wrap .jour-fields--3,
    .jour-form-wrap .jour-fields--4{grid-template-columns:repeat(2,minmax(0,1fr))}
    .jour-form-wrap .jour-final-grid{grid-template-columns:1fr}
    .jour-form-wrap .jour-summary{position:static}
    .jour-form-wrap .jour-progress{grid-template-columns:1fr 1fr 1fr;gap:8px}
    .jour-form-wrap .jour-progress>i{display:none}
}

@media (max-width:767px){
    .jour-form-wrap .jour-form__heading-row{align-items:flex-start}
    .jour-form-wrap .jour-form__heading-row h2{font-size:clamp(20px,7vw,28px)}
    .jour-form-wrap .jour-form__clapper{display:none}
    .jour-form-wrap .jour-progress{grid-template-columns:1fr 1fr 1fr;gap:8px}
    .jour-form-wrap .jour-progress>i{display:none}
    .jour-form-wrap .jour-progress__item{justify-content:center;padding:10px 6px}
    .jour-form-wrap .jour-progress__item div{display:none}
    .jour-form-wrap .jour-pack{align-items:flex-start;flex-direction:column}
    .jour-form-wrap .jour-step__title{flex-wrap:wrap}
    .jour-form-wrap .jour-step__choice-note{margin-top:20px}
    .jour-form-wrap .jour-services{grid-template-columns:1fr}
    .jour-form-wrap .jour-service-card{display:grid;grid-template-columns:56px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:12px;min-height:0;padding:16px}
    .jour-form-wrap .jour-service-card__icon{grid-row:1/3;margin:0}
    .jour-form-wrap .jour-service-card__action{grid-column:2;margin-top:10px;max-width:100%}
    .jour-form-wrap .jour-custom-service__head{flex-wrap:wrap}
    .jour-form-wrap .jour-custom-service__add,
    .jour-form-wrap .jour-fields--2,
    .jour-form-wrap .jour-fields--3,
    .jour-form-wrap .jour-fields--4{grid-template-columns:1fr}
    .jour-form-wrap .jour-actions{gap:8px}
    .jour-form-wrap .jour-btn{width:100%;min-height:50px;padding:0 14px;font-size:16px}
    .jour-form-wrap .jour-btn--submit{min-width:0;flex:1}
    .jour-form-wrap .jour-actions--end .jour-btn{width:100%}
}

@media (max-width:420px){
    .jour-form-wrap .jour-form__clapper{display:none}
    .jour-form-wrap .jour-step__title{display:block}
}

@media (prefers-reduced-motion:reduce){
    .jour-form-wrap *,.jour-form-wrap *::before,.jour-form-wrap *::after{
        animation:none!important;
        transition:none!important;
    }
}