:root {
    --trial-brand:#a4b61f;
    --trial-dark:#4f5e1b;
    --trial-red:#c98278;
    --trial-cream:#f8f8f3;
    --trial-soft:#f1f4df;
    --trial-line:rgba(79,94,27,.12);
    --trial-text:#687158;
}

.ayat-trial-page {
    overflow: hidden;
    background: var(--trial-cream);
}

.ayat-trial-page *,
.ayat-trial-page *::before,
.ayat-trial-page *::after {
    box-sizing: border-box;
}

/* HERO */

.ayat-trial-hero {
    padding: 30px 0 0;
}

.ayat-trial-hero-card {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);
    overflow:hidden;
    border:1px solid var(--trial-line);
    border-radius:30px;
    background:#fff;
    box-shadow:0 24px 70px rgba(42,51,24,.07);
}

.ayat-trial-hero-copy {
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:58px;
}

.ayat-trial-eyebrow {
    color:var(--trial-brand);
    font-size:11px;
    font-weight:900;
    letter-spacing:.15em;
    text-transform:uppercase;
}

.ayat-trial-offer-badge {
    align-self:flex-start;
    margin-top:18px;
    padding:8px 13px;
    border-radius:999px;
    background:#f3e4e1;
    color:#a85f55;
    font-size:11px;
    font-weight:900;
    letter-spacing:.10em;
}

.ayat-trial-hero h1 {
    max-width:780px;
    margin:18px 0 17px;
    color:var(--trial-dark) !important;
    font-size:clamp(38px,5.3vw,67px);
    line-height:1.01;
    letter-spacing:-.045em;
}

.ayat-trial-lead {
    max-width:700px;
    margin:0;
    color:var(--trial-text) !important;
    font-size:18px;
    line-height:1.75;
}

.ayat-trial-hero-actions {
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:28px;
}

.ayat-trial-primary,
.ayat-trial-secondary {
    min-height:50px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 24px;
    border-radius:999px;
    text-decoration:none;
    font-size:14px;
    font-weight:900;
}

.ayat-trial-primary {
    background:var(--trial-dark);
    color:#fff;
}

.ayat-trial-secondary {
    border:1px solid var(--trial-line);
    background:#fff;
    color:var(--trial-dark);
}

.ayat-trial-offer-note {
    display:block;
    max-width:600px;
    margin-top:17px;
    color:#8a917c;
    line-height:1.55;
}

.ayat-trial-hero-media {
    min-height:620px;
}

.ayat-trial-hero-media img {
    width:100%;
    height:100%;
    min-height:620px;
    display:block;
    object-fit:cover;
}

.ayat-trial-image-placeholder {
    width:100%;
    height:100%;
    min-height:300px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    background:
        linear-gradient(
            145deg,
            #f8f9ef,
            #e6ebca 68%,
            #ead5d1
        );
}

.ayat-trial-image-placeholder span {
    color:var(--trial-brand);
    font-size:12px;
    font-weight:900;
    letter-spacing:.2em;
}

.ayat-trial-image-placeholder strong {
    margin-top:9px;
    color:var(--trial-dark);
    font-size:52px;
}

.ayat-trial-trust {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:0;
    margin-top:16px;
    border:1px solid var(--trial-line);
    border-radius:18px;
    background:#fff;
}

.ayat-trial-trust div {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    min-height:62px;
    padding:12px;
    border-inline-end:1px solid var(--trial-line);
    color:var(--trial-dark);
    text-align:center;
    font-size:12px;
    font-weight:800;
}

.ayat-trial-trust div:last-child {
    border-inline-end:0;
}

.ayat-trial-trust span {
    width:7px;
    height:7px;
    flex:0 0 7px;
    border-radius:50%;
    background:var(--trial-brand);
}

/* SHARED */

.ayat-trial-intro,
.ayat-trial-benefits,
.ayat-trial-programs,
.ayat-trial-video,
.ayat-trial-faq {
    padding:84px 0;
}

.ayat-trial-section-head {
    max-width:850px;
    margin:0 auto 40px;
    text-align:center;
}

.ayat-trial-section-head > span {
    color:var(--trial-brand);
    font-size:11px;
    font-weight:900;
    letter-spacing:.15em;
    text-transform:uppercase;
}

.ayat-trial-section-head h2 {
    margin:9px 0 12px;
    color:var(--trial-dark) !important;
    font-size:clamp(32px,4vw,50px);
    line-height:1.08;
    letter-spacing:-.035em;
}

.ayat-trial-section-head p {
    max-width:760px;
    margin:0 auto;
    color:var(--trial-text) !important;
    font-size:16px;
    line-height:1.8;
}

/* FIRST TWO CLASSES */

.ayat-trial-class-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px;
}

.ayat-trial-class-grid article {
    position:relative;
    padding:35px;
    overflow:hidden;
    border:1px solid var(--trial-line);
    border-radius:25px;
    background:#fff;
}

.ayat-trial-class-number {
    position:absolute;
    top:17px;
    inset-inline-end:22px;
    color:rgba(164,182,31,.18);
    font-size:76px;
    font-weight:900;
    line-height:1;
}

.ayat-trial-class-grid article > span {
    color:var(--trial-red);
    font-size:11px;
    font-weight:900;
    letter-spacing:.10em;
    text-transform:uppercase;
}

.ayat-trial-class-grid h3 {
    position:relative;
    max-width:580px;
    margin:45px 0 13px;
    color:var(--trial-dark);
    font-size:27px;
    line-height:1.15;
}

.ayat-trial-class-grid p {
    position:relative;
    margin:0;
    color:var(--trial-text);
    line-height:1.8;
}

/* PHOTOS */

.ayat-trial-photo-story {
    padding:0 0 30px;
}

.ayat-trial-photo-grid {
    display:grid;
    grid-template-columns:1.25fr .75fr;
    gap:18px;
}

.ayat-trial-photo-grid > div {
    height:390px;
    overflow:hidden;
    border-radius:25px;
}

.ayat-trial-photo-grid img {
    width:100%;
    height:100%;
    object-fit:cover;
}

/* BENEFITS */

.ayat-trial-benefits {
    background:#fff;
}

.ayat-trial-benefit-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
}

.ayat-trial-benefit-grid article {
    padding:25px;
    border:1px solid var(--trial-line);
    border-radius:20px;
    background:#fafbf4;
}

.ayat-trial-benefit-grid article > span {
    color:var(--trial-red);
    font-size:11px;
    font-weight:900;
}

.ayat-trial-benefit-grid h3 {
    margin:20px 0 8px;
    color:var(--trial-dark);
    font-size:19px;
}

.ayat-trial-benefit-grid p {
    margin:0;
    color:var(--trial-text);
    font-size:14px;
    line-height:1.75;
}

/* PROGRAMS */

.ayat-trial-program-grid {
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:10px;
}

.ayat-trial-program-grid a {
    min-height:122px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    padding:18px;
    border:1px solid var(--trial-line);
    border-radius:17px;
    background:#fff;
    color:var(--trial-dark);
    text-decoration:none;
    transition:transform .2s ease;
}

.ayat-trial-program-grid a:hover {
    transform:translateY(-3px);
}

.ayat-trial-program-grid span {
    color:var(--trial-red);
    font-size:11px;
    font-weight:900;
}

.ayat-trial-program-grid strong {
    font-size:14px;
    line-height:1.35;
}

/* TEACHER */

.ayat-trial-teacher {
    padding:24px 0 84px;
}

.ayat-trial-teacher-card {
    display:grid;
    grid-template-columns:1fr .9fr;
    overflow:hidden;
    border-radius:28px;
    background:var(--trial-dark);
}

.ayat-trial-teacher-copy {
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:50px;
}

.ayat-trial-teacher-copy > span {
    color:#cad56f;
    font-size:11px;
    font-weight:900;
    letter-spacing:.15em;
    text-transform:uppercase;
}

.ayat-trial-teacher-copy h2 {
    margin:10px 0 15px;
    color:#fff !important;
    font-size:clamp(31px,4vw,48px);
    line-height:1.08;
}

.ayat-trial-teacher-copy p {
    margin:0;
    color:rgba(255,255,255,.73) !important;
    line-height:1.85;
}

.ayat-trial-teacher-copy a {
    align-self:flex-start;
    min-height:48px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-top:24px;
    padding:0 21px;
    border-radius:999px;
    background:var(--trial-brand);
    color:#fff;
    text-decoration:none;
    font-weight:900;
}

.ayat-trial-teacher-media {
    min-height:480px;
}

.ayat-trial-teacher-media img {
    display:block;
    width:100%;
    height:100%;
    min-height:480px;
    object-fit:cover;
}

/* VIDEO */

.ayat-trial-video {
    background:#fff;
}

.ayat-trial-video-box {
    position:relative;
    height:500px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border-radius:28px;
    background:
        radial-gradient(
            circle at center,
            #eef2d9 0,
            #e4e9c5 50%,
            #d9dfb5 100%
        );
}

.ayat-trial-video-box::before {
    content:"";
    position:absolute;
    inset:0;
    opacity:.25;
    background:
        linear-gradient(
            45deg,
            transparent 48%,
            rgba(255,255,255,.75) 49%,
            rgba(255,255,255,.75) 51%,
            transparent 52%
        );
    background-size:70px 70px;
}

.ayat-trial-play {
    position:relative;
    z-index:2;
    width:86px;
    height:86px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding-inline-start:5px;
    border-radius:50%;
    background:#fff;
    color:var(--trial-dark);
    font-size:28px;
    box-shadow:0 14px 35px rgba(40,50,20,.14);
}

.ayat-trial-video-box > span {
    position:relative;
    z-index:2;
    margin-top:20px;
    color:var(--trial-dark);
    font-size:11px;
    font-weight:900;
    letter-spacing:.18em;
}

/* FORM */

.ayat-trial-form-section {
    padding:90px 0;
    background:#eef1dd;
}

.ayat-trial-form-layout {
    display:grid;
    grid-template-columns:.75fr 1.25fr;
    gap:34px;
    align-items:start;
}

.ayat-trial-form-intro {
    position:sticky;
    top:110px;
    padding:18px 0;
}

.ayat-trial-form-intro > span {
    color:var(--trial-red);
    font-size:11px;
    font-weight:900;
    letter-spacing:.14em;
    text-transform:uppercase;
}

.ayat-trial-form-intro h2 {
    margin:10px 0 14px;
    color:var(--trial-dark) !important;
    font-size:clamp(35px,4vw,54px);
    line-height:1.05;
}

.ayat-trial-form-intro p {
    max-width:520px;
    margin:0;
    color:var(--trial-text) !important;
    line-height:1.8;
}

.ayat-trial-big-number {
    display:flex;
    align-items:center;
    gap:14px;
    margin-top:34px;
}

.ayat-trial-big-number strong {
    color:var(--trial-dark);
    font-size:100px;
    line-height:.8;
}

.ayat-trial-big-number span {
    color:var(--trial-red);
    font-size:14px;
    font-weight:900;
    line-height:1.2;
    letter-spacing:.10em;
}

.ayat-trial-form-card {
    padding:35px;
    border:1px solid var(--trial-line);
    border-radius:26px;
    background:#fff;
    box-shadow:0 20px 50px rgba(44,54,24,.06);
}

.ayat-trial-field-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:17px;
}

.ayat-trial-form-card label {
    display:block;
}

.ayat-trial-form-card label > span {
    display:block;
    margin-bottom:7px;
    color:var(--trial-dark);
    font-size:12px;
    font-weight:800;
}

.ayat-trial-form-card input,
.ayat-trial-form-card select,
.ayat-trial-form-card textarea {
    width:100%;
    border:1px solid rgba(79,94,27,.16);
    border-radius:12px;
    outline:0;
    background:#fbfcf7;
    color:#39411f;
    font:inherit;
}

.ayat-trial-form-card input,
.ayat-trial-form-card select {
    height:49px;
    padding:0 13px;
}

.ayat-trial-form-card textarea {
    padding:13px;
    resize:vertical;
}

.ayat-trial-form-card input:focus,
.ayat-trial-form-card select:focus,
.ayat-trial-form-card textarea:focus {
    border-color:var(--trial-brand);
    box-shadow:0 0 0 3px rgba(164,182,31,.12);
}

.ayat-trial-message {
    margin-top:17px;
}

.ayat-trial-submit {
    width:100%;
    min-height:54px;
    margin-top:20px;
    border:0;
    border-radius:999px;
    background:var(--trial-dark);
    color:#fff;
    cursor:pointer;
    font-size:15px;
    font-weight:900;
}

.ayat-trial-privacy {
    display:block;
    margin-top:13px;
    color:#949b87;
    font-size:10px;
    line-height:1.55;
    text-align:center;
}

.ayat-trial-honeypot {
    position:absolute !important;
    left:-10000px !important;
    width:1px !important;
    height:1px !important;
}

.ayat-trial-success {
    padding:45px 15px;
    text-align:center;
}

.ayat-trial-success > span {
    width:64px;
    height:64px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 18px;
    border-radius:50%;
    background:var(--trial-brand);
    color:#fff;
    font-size:27px;
    font-weight:900;
}

.ayat-trial-success h3 {
    margin:0 0 10px;
    color:var(--trial-dark);
    font-size:28px;
}

.ayat-trial-success p {
    max-width:520px;
    margin:0 auto;
    color:var(--trial-text);
    line-height:1.7;
}

.ayat-trial-success a {
    min-height:48px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-top:22px;
    padding:0 22px;
    border-radius:999px;
    background:#25D366;
    color:#fff;
    text-decoration:none;
    font-weight:900;
}

/* FAQ */

.ayat-trial-faq-list {
    max-width:950px;
    margin:0 auto;
    border-top:1px solid var(--trial-line);
}

.ayat-trial-faq details {
    border-bottom:1px solid var(--trial-line);
}

.ayat-trial-faq summary {
    display:flex;
    align-items:center;
    gap:15px;
    padding:21px 0;
    list-style:none;
    cursor:pointer;
}

.ayat-trial-faq summary::-webkit-details-marker {
    display:none;
}

.ayat-trial-faq summary span {
    color:var(--trial-red);
    font-size:11px;
    font-weight:900;
}

.ayat-trial-faq summary strong {
    color:var(--trial-dark);
    font-size:17px;
}

.ayat-trial-faq details p {
    margin:-2px 0 22px 28px;
    color:var(--trial-text);
    line-height:1.8;
}

html[dir="rtl"] .ayat-trial-faq details p {
    margin-left:0;
    margin-right:28px;
}

/* FINAL */

.ayat-trial-final {
    padding:0 0 85px;
}

.ayat-trial-final-card {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    padding:42px;
    border-radius:28px;
    background:var(--trial-dark);
}

.ayat-trial-final-card span {
    color:#cad56f;
    font-size:10px;
    font-weight:900;
    letter-spacing:.15em;
}

.ayat-trial-final-card h2 {
    max-width:820px;
    margin:8px 0;
    color:#fff !important;
    font-size:clamp(28px,3.5vw,43px);
    line-height:1.08;
}

.ayat-trial-final-card p {
    margin:0;
    color:rgba(255,255,255,.7) !important;
}

.ayat-trial-final-card > a {
    min-width:190px;
    min-height:52px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 23px;
    border-radius:999px;
    background:var(--trial-brand);
    color:#fff;
    text-decoration:none;
    font-size:14px;
    font-weight:900;
    white-space:nowrap;
}

html[dir="rtl"] .ayat-trial-hero h1,
html[dir="rtl"] .ayat-trial-section-head h2,
html[dir="rtl"] .ayat-trial-teacher-copy h2,
html[dir="rtl"] .ayat-trial-form-intro h2 {
    letter-spacing:0;
}

/* RESPONSIVE */

@media(max-width:1000px) {

    .ayat-trial-hero-card {
        grid-template-columns:1fr;
    }

    .ayat-trial-hero-media,
    .ayat-trial-hero-media img {
        min-height:480px;
    }

    .ayat-trial-program-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .ayat-trial-teacher-card {
        grid-template-columns:1fr;
    }

    .ayat-trial-form-layout {
        grid-template-columns:1fr;
    }

    .ayat-trial-form-intro {
        position:static;
    }
}

@media(max-width:700px) {

    .ayat-trial-hero {
        padding-top:16px;
    }

    .ayat-trial-hero-card {
        border-radius:22px;
    }

    .ayat-trial-hero-copy {
        padding:29px 19px;
    }

    .ayat-trial-hero h1 {
        font-size:36px;
    }

    .ayat-trial-lead {
        font-size:15px;
    }

    .ayat-trial-hero-actions {
        flex-direction:column;
    }

    .ayat-trial-primary,
    .ayat-trial-secondary {
        width:100%;
    }

    .ayat-trial-hero-media,
    .ayat-trial-hero-media img {
        min-height:330px;
    }

    .ayat-trial-trust {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .ayat-trial-trust div:nth-child(2) {
        border-inline-end:0;
    }

    .ayat-trial-intro,
    .ayat-trial-benefits,
    .ayat-trial-programs,
    .ayat-trial-video,
    .ayat-trial-faq {
        padding:55px 0;
    }

    .ayat-trial-class-grid {
        grid-template-columns:1fr;
    }

    .ayat-trial-class-grid article {
        padding:25px 20px;
    }

    .ayat-trial-photo-grid {
        grid-template-columns:1fr;
    }

    .ayat-trial-photo-grid > div {
        height:270px;
    }

    .ayat-trial-benefit-grid {
        grid-template-columns:1fr;
    }

    .ayat-trial-program-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .ayat-trial-program-grid a {
        min-height:105px;
        padding:14px;
    }

    .ayat-trial-teacher-copy {
        padding:29px 20px;
    }

    .ayat-trial-teacher-media,
    .ayat-trial-teacher-media img {
        min-height:320px;
    }

    .ayat-trial-video-box {
        height:310px;
    }

    .ayat-trial-form-section {
        padding:58px 0;
    }

    .ayat-trial-field-grid {
        grid-template-columns:1fr;
    }

    .ayat-trial-form-card {
        padding:22px 16px;
    }

    .ayat-trial-big-number strong {
        font-size:78px;
    }

    .ayat-trial-final-card {
        flex-direction:column;
        align-items:flex-start;
        padding:28px 20px;
    }

    .ayat-trial-final-card > a {
        width:100%;
    }
}