/* ADATASK WEBINAR LOCAL FONT V3363A BEGIN */
@font-face {
    font-family: "Vazirmatn";
    src:
        url("/assets/fonts/vazirmatn-arabic-wght-normal-v3175.woff2")
        format("woff2");
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}

@font-face {
    font-family: "Vazirmatn";
    src:
        url("/assets/fonts/vazirmatn-latin-wght-normal-v3175.woff2")
        format("woff2");
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}
/* ADATASK WEBINAR LOCAL FONT V3363A END */
:root{--navy:#173454;--purple:#9759e7;--mint:#96cdcd;--sky:#aad2f1;--ink:#173454;--muted:#62738a;--line:#dbe5ef;--surface:#fff;--soft:#f4f8fb;--radius:24px;--shadow:0 20px 60px rgba(23,52,84,.10)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#f7fafc;font-family:Vazirmatn,Vazir,Tahoma,Arial,sans-serif;line-height:1.9}
button,input,select{font:inherit}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 32px));margin:auto}.section{padding:88px 0}.soft-section{background:linear-gradient(135deg,#f4f1ff,#eff9fa)}
.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(219,229,239,.9);backdrop-filter:blur(16px)}
.header-inner{min-height:82px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px;margin-left:auto}.brand-mark{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;color:white;font-weight:800;background:linear-gradient(135deg,var(--navy),var(--purple))}
.brand strong,.brand small{display:block}.brand small{font-size:11px;color:var(--muted)}.main-nav{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:700}.main-nav a:hover{color:var(--purple)}
.button{border:0;border-radius:14px;padding:13px 22px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-weight:800;transition:.2s ease}.button:hover{transform:translateY(-2px)}.button-primary{color:white;background:linear-gradient(135deg,var(--navy),var(--purple))}.button-dark{color:white;background:var(--navy)}.button-light{background:white;border:1px solid var(--line)}.button-block{width:100%}
.hero{background:radial-gradient(circle at 15% 15%,rgba(151,89,231,.16),transparent 32%),radial-gradient(circle at 85% 20%,rgba(150,205,205,.28),transparent 38%),linear-gradient(135deg,#f7f3ff,#eef9fa)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:64px}.eyebrow{display:inline-flex;padding:6px 12px;border-radius:999px;background:rgba(150,205,205,.22);color:#167778;font-size:12px;font-weight:800}
.hero h1,.section-heading h2,.registration-copy h2{margin:18px 0 14px;line-height:1.35;letter-spacing:-.03em}.hero h1{font-size:clamp(38px,5vw,68px)}.hero h1 span{display:block;background:linear-gradient(90deg,var(--purple),#55a6bd);-webkit-background-clip:text;color:transparent}.hero p,.section-heading p,.registration-copy p{color:var(--muted)}
.hero-actions{display:flex;gap:12px;margin-top:28px}.trust-row{display:flex;flex-wrap:wrap;gap:20px;margin-top:22px;color:#397b76;font-size:13px}
.hero-card{display:grid;grid-template-columns:1fr 145px;gap:12px;padding:18px;border-radius:28px;background:white;box-shadow:var(--shadow)}.hero-card-head,.hero-card-foot{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.hero-card-foot{justify-content:center;padding:10px;border:1px solid var(--line);border-radius:12px;font-size:12px}.live{color:#d94b45;background:#fff1f0;padding:4px 9px;border-radius:999px;font-size:11px}
.video-main{min-height:260px;border-radius:20px;background:var(--navy);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.video-main small{color:#b9c9da}.video-side{display:grid;gap:12px}.video-side article{background:#eef4f8;border:1px solid var(--line);border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}.avatar{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--purple),var(--sky));color:white;font-weight:900}.avatar.small{width:44px;height:44px}
.section-heading{text-align:center;max-width:760px;margin:0 auto 42px}.section-heading h2{font-size:clamp(30px,4vw,48px)}.plan-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:28px}.plan-card{text-align:right;border:2px solid transparent;background:white;border-radius:var(--radius);padding:28px;box-shadow:0 12px 35px rgba(23,52,84,.07);cursor:pointer;color:var(--ink)}.plan-card:hover,.plan-card.is-active{border-color:var(--purple);transform:translateY(-4px)}.plan-card h3{font-size:26px;margin:16px 0 8px}.plan-card p{color:var(--muted);min-height:68px}.plan-card strong,.plan-cta{display:block}.plan-cta{margin-top:22px;color:var(--purple);font-weight:900}.plan-badge{font-size:11px;background:#f0e8ff;color:var(--purple);padding:5px 10px;border-radius:999px}
.purchase-builder{display:grid;grid-template-columns:1.4fr .8fr;gap:22px;background:white;border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:var(--shadow)}.builder-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.field{display:flex;flex-direction:column;gap:8px}.field label{font-size:13px;font-weight:800}.field input,.field select{width:100%;border:1px solid var(--line);border-radius:14px;padding:13px 14px;background:#f9fbfd;color:var(--ink)}.field input:focus,.field select:focus{outline:3px solid rgba(151,89,231,.14);border-color:var(--purple)}.field-wide{grid-column:1/-1}.field-error{min-height:18px;color:#c0392b;font-size:11px}
.feature-list{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:8px 0 0;padding:0;list-style:none}.feature-list li:before{content:"✓";color:#2b9f87;margin-left:8px}.price-summary{background:linear-gradient(160deg,#f8fbfd,#f1eaff);border-radius:22px;padding:24px}.price-summary h3{font-size:22px}.price-summary dl{margin:20px 0}.price-summary dl div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px 0}.final-price{background:linear-gradient(135deg,var(--navy),var(--purple));color:white;border-radius:18px;padding:20px;margin:20px 0}.final-price span,.final-price strong{display:block}.final-price strong{font-size:30px;margin-top:7px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-grid article{background:white;border:1px solid var(--line);border-radius:20px;padding:24px}.feature-grid b{font-size:28px}.feature-grid h3{margin:12px 0 5px}.feature-grid p{margin:0;color:var(--muted);font-size:14px}
.registration-section{background:#f6fafc}.registration-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:42px;align-items:start}.registration-copy{position:sticky;top:120px}.steps{list-style:none;padding:0;margin:28px 0;display:grid;gap:12px}.steps li{display:flex;align-items:center;gap:12px;color:var(--muted)}.steps span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e9eff4;font-weight:800}.steps .is-active{color:var(--ink);font-weight:800}.steps .is-active span{background:var(--purple);color:white}
.organization-form{background:white;border:1px solid var(--line);border-radius:28px;padding:26px;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.selected-plan{background:#eef8f8;border:1px solid #cde6e6;border-radius:14px;padding:12px 14px;margin-bottom:18px;font-weight:800}.file-picker{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:14px;padding:12px;border:1px dashed #bdd0df;border-radius:16px;background:#f9fbfd;cursor:pointer}.logo-preview{width:64px;height:64px;border-radius:14px;border:1px solid var(--line);display:grid;place-items:center;background:white;overflow:hidden}.logo-preview img{width:100%;height:100%;object-fit:contain}.file-picker small{display:block;color:var(--muted);font-weight:400}.file-button{background:#edf2f7;border-radius:10px;padding:8px 12px}.file-input{position:absolute;opacity:0;pointer-events:none}.form-message{margin-top:14px;border-radius:12px;padding:0}.form-message.is-error{padding:12px;background:#fff0ef;color:#a4302c}.form-message.is-success{padding:12px;background:#ecfaf5;color:#13745d}.payment-step{margin-top:18px;padding:20px;border-radius:18px;background:#f3efff;border:1px solid #e1d6fb}
.customer-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.customer-card{min-height:130px;background:white;border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center}.customer-card img{width:64px;height:64px;object-fit:contain;border-radius:14px}.customer-logo-placeholder{width:64px;height:64px;border-radius:14px;display:grid;place-items:center;background:#edf3f7;color:var(--navy);font-size:20px;font-weight:900}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.testimonial-card{background:white;border:1px solid var(--line);border-radius:20px;padding:24px}.testimonial-card blockquote{margin:0 0 20px;font-size:16px}.testimonial-person{display:flex;align-items:center;gap:12px}.testimonial-person img,.testimonial-person .customer-logo-placeholder{width:48px;height:48px}.testimonial-person strong,.testimonial-person small{display:block}.testimonial-person small{color:var(--muted)}
.empty-state{grid-column:1/-1;text-align:center;padding:28px;border:1px dashed var(--line);border-radius:18px;color:var(--muted)}.faq-list{max-width:850px;margin:auto;display:grid;gap:12px}.faq-list details{background:white;border:1px solid var(--line);border-radius:16px;padding:16px 20px}.faq-list summary{cursor:pointer;font-weight:900}.faq-list p{color:var(--muted)}.site-footer{background:var(--navy);color:white;padding:28px 0}.site-footer .container{display:flex;justify-content:space-between}
@media(max-width:980px){.main-nav{display:none}.hero-grid,.registration-grid,.purchase-builder{grid-template-columns:1fr}.registration-copy{position:static}.plan-cards,.feature-grid,.testimonial-grid{grid-template-columns:repeat(2,1fr)}.customer-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.section{padding:58px 0}.header-inner{min-height:70px}.header-inner>.button{display:none}.hero-grid{gap:30px}.hero h1{font-size:38px}.hero-actions{flex-direction:column}.hero-card{grid-template-columns:1fr}.video-side{grid-template-columns:1fr 1fr;grid-column:1}.plan-cards,.feature-grid,.testimonial-grid,.customer-grid{grid-template-columns:1fr}.builder-fields,.form-grid{grid-template-columns:1fr}.field-wide,.feature-list{grid-column:1}.feature-list{grid-template-columns:1fr}.purchase-builder,.organization-form{padding:18px}.file-picker{grid-template-columns:58px 1fr}.file-button{grid-column:1/-1;text-align:center}.site-footer .container{flex-direction:column;gap:5px}}

/* ADATASK WEBINAR V3349 LOGO BEGIN */
.brand-mark.brand-logo{
    display:grid!important;
    place-items:center!important;
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    padding:4px!important;
    overflow:hidden!important;
    border-radius:14px!important;
    background:#fff!important;
    border:1px solid rgba(23,52,84,.10)!important;
    box-shadow:0 8px 22px rgba(23,52,84,.10)!important;
}
.brand-mark.brand-logo img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:40px!important;
    max-height:40px!important;
    object-fit:contain!important;
}
@media(max-width:640px){
    .brand-mark.brand-logo{
        width:42px!important;
        height:42px!important;
        min-width:42px!important;
        max-width:42px!important;
        min-height:42px!important;
        max-height:42px!important;
    }
    .brand-mark.brand-logo img{
        max-width:34px!important;
        max-height:34px!important;
    }
}
/* ADATASK WEBINAR V3349 LOGO END */

/* ADATASK WEBINAR V3352 MOBILE BEGIN */

html,
body{
    max-width:100%;
    overflow-x:hidden;
}

img,
video,
canvas,
svg{
    max-width:100%;
}

input,
select,
textarea,
button{
    max-width:100%;
    box-sizing:border-box;
}

@media (max-width:1024px){

    .container,
    .header-inner,
    .hero-inner,
    .section-inner{
        width:calc(100% - 40px)!important;
        max-width:960px!important;
        margin-inline:auto!important;
    }

    .hero-grid,
    .purchase-layout,
    .purchase-grid,
    .registration-grid,
    .pricing-layout{
        grid-template-columns:1fr!important;
    }

    .hero-copy{
        order:1!important;
    }

    .hero-card,
    .hero-visual{
        order:2!important;
        width:min(100%,620px)!important;
        margin-inline:auto!important;
    }

    .plans-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr))!important;
    }

    .purchase-builder,
    .organization-form,
    .price-summary{
        width:100%!important;
        max-width:none!important;
    }
}

@media (max-width:768px){

    body{
        min-width:0!important;
    }

    section{
        scroll-margin-top:120px;
    }

    .site-header,
    header{
        position:sticky;
        top:0;
        z-index:1000;
        background:rgba(255,255,255,.97);
        backdrop-filter:blur(14px);
    }

    .header-inner{
        display:flex!important;
        flex-wrap:wrap!important;
        align-items:center!important;
        justify-content:space-between!important;
        gap:10px 12px!important;
        width:100%!important;
        min-height:auto!important;
        padding:10px 14px!important;
        box-sizing:border-box!important;
    }

    header [class*="brand"],
    .site-header [class*="brand"]{
        flex:0 1 auto!important;
        min-width:0!important;
        max-width:210px!important;
    }

    header nav,
    .site-header nav,
    .header-nav,
    .site-nav{
        order:3!important;
        display:flex!important;
        width:100%!important;
        max-width:100%!important;
        overflow-x:auto!important;
        overflow-y:hidden!important;
        gap:6px!important;
        padding:4px 0 2px!important;
        white-space:nowrap!important;
        scrollbar-width:none;
        -webkit-overflow-scrolling:touch;
    }

    header nav::-webkit-scrollbar,
    .site-header nav::-webkit-scrollbar{
        display:none;
    }

    header nav a,
    .site-header nav a,
    .header-nav a,
    .site-nav a{
        flex:0 0 auto!important;
        min-height:40px!important;
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        padding:8px 11px!important;
        font-size:13px!important;
        border-radius:10px!important;
    }

    header a[href*="login"],
    header a[href*="app"],
    .header-actions a{
        min-height:42px!important;
        padding:8px 13px!important;
    }

    .brand-mark,
    .brand-mark.brand-logo{
        width:38px!important;
        height:38px!important;
        min-width:38px!important;
        max-width:38px!important;
        min-height:38px!important;
        max-height:38px!important;
        flex-basis:38px!important;
        padding:3px!important;
    }

    .brand-mark img,
    .brand-mark.brand-logo img{
        width:32px!important;
        height:32px!important;
        max-width:32px!important;
        max-height:32px!important;
    }

    main,
    main > section{
        width:100%!important;
        max-width:100%!important;
    }

    main > section{
        padding-block:48px!important;
    }

    .container,
    .hero-inner,
    .section-inner{
        width:calc(100% - 28px)!important;
        max-width:100%!important;
        margin-inline:auto!important;
    }

    .hero{
        min-height:auto!important;
        padding:46px 0 38px!important;
    }

    .hero-grid{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:30px!important;
    }

    .hero-copy{
        text-align:center!important;
    }

    .hero h1{
        font-size:clamp(34px,10vw,52px)!important;
        line-height:1.35!important;
        margin-bottom:18px!important;
    }

    .hero p{
        font-size:15px!important;
        line-height:2!important;
        max-width:100%!important;
    }

    .hero-actions{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:10px!important;
        width:100%!important;
    }

    .hero-actions a,
    .hero-actions button{
        width:100%!important;
        min-height:48px!important;
    }

    .hero-card,
    .hero-visual{
        width:100%!important;
        max-width:520px!important;
        margin-inline:auto!important;
        transform:none!important;
    }

    .feature-grid,
    .features-grid,
    .use-case-grid,
    .use-cases-grid,
    .plans-grid,
    .customers-grid,
    .customer-grid,
    .testimonials-grid,
    .testimonial-grid,
    .faq-grid{
        grid-template-columns:1fr!important;
        gap:16px!important;
    }

    .plan-card,
    .purchase-builder,
    .price-summary,
    .organization-form,
    .customer-card,
    .testimonial-card,
    .faq-item{
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
        box-sizing:border-box!important;
    }

    .purchase-grid,
    .purchase-layout,
    .pricing-builder-grid,
    .registration-grid,
    .form-grid,
    form .grid{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:16px!important;
    }

    form,
    fieldset{
        width:100%!important;
        min-width:0!important;
    }

    input,
    select,
    textarea{
        width:100%!important;
        min-height:48px!important;
        font-size:16px!important;
    }

    textarea{
        min-height:120px!important;
    }

    input[type="file"]{
        min-height:52px!important;
        padding:10px!important;
        font-size:13px!important;
    }

    button,
    .button,
    .btn,
    input[type="submit"]{
        min-height:48px!important;
        touch-action:manipulation;
    }

    .file-picker,
    .logo-upload,
    .upload-box{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:12px!important;
        width:100%!important;
    }

    .logo-preview,
    .upload-preview{
        margin-inline:auto!important;
    }

    .steps{
        width:100%!important;
        padding:16px!important;
        box-sizing:border-box!important;
    }

    .payment-step{
        width:100%!important;
    }

    .table-wrap,
    .comparison-table-wrap{
        width:100%!important;
        overflow-x:auto!important;
        -webkit-overflow-scrolling:touch;
    }

    table{
        min-width:680px;
    }
}

@media (max-width:430px){

    .container,
    .hero-inner,
    .section-inner{
        width:calc(100% - 22px)!important;
    }

    .header-inner{
        padding:8px 10px!important;
    }

    header [class*="brand"],
    .site-header [class*="brand"]{
        max-width:175px!important;
    }

    header nav a,
    .site-header nav a{
        padding:7px 9px!important;
        font-size:12px!important;
    }

    .hero{
        padding-top:34px!important;
    }

    .hero h1{
        font-size:clamp(30px,11vw,43px)!important;
    }

    .hero-card,
    .hero-visual{
        border-radius:20px!important;
    }

    .plan-card,
    .purchase-builder,
    .price-summary,
    .organization-form,
    .customer-card,
    .testimonial-card{
        padding:18px!important;
        border-radius:20px!important;
    }

    main > section{
        padding-block:40px!important;
    }
}

@media (max-width:360px){

    .container,
    .hero-inner,
    .section-inner{
        width:calc(100% - 16px)!important;
    }

    .hero h1{
        font-size:29px!important;
    }

    header [class*="brand"],
    .site-header [class*="brand"]{
        max-width:155px!important;
    }
}

/* ADATASK WEBINAR V3352 MOBILE END */


/* ADATASK_WEBINAR_LANDING_CSS_V3366B_START */
:root {
    --v3366-navy: #173454;
    --v3366-purple: #9759e7;
    --v3366-turquoise: #96cdcd;
    --v3366-blue: #aad2f1;
    --v3366-bg: #f6f8fc;
    --v3366-border: #e4e9f0;
    --v3366-muted: #65758b;
}

.v3366-hero {
    position: relative;
    overflow: hidden;
    padding-block: clamp(42px, 7vw, 92px) clamp(34px, 5vw, 70px);
    background: linear-gradient(180deg, #fff 0%, #f7f9fd 100%);
}

.v3366-hero-grid { align-items: center; gap: clamp(34px, 6vw, 86px); }
.v3366-hero-copy { max-width: 620px; }
.v3366-hero-copy h1 { max-width: 650px; text-wrap: balance; }
.v3366-hero-copy h1 span { display: block; color: var(--v3366-purple); }
.v3366-hero-description { max-width: 590px; line-height: 2.05; }
.v3366-hero-description strong { color: var(--v3366-navy); }
.v3366-hero-actions { margin-top: 26px; }
.v3366-trust-row { flex-wrap: wrap; gap: 10px 18px; margin-top: 23px; }
.v3366-trust-row span { color: var(--v3366-muted); font-size: 13px; }

.v3366-hero-stage {
    position: relative;
    min-height: 465px;
    isolation: isolate;
    overflow: visible;
    padding: 18px;
    border: 1px solid rgba(23, 52, 84, .12);
    border-radius: 28px;
    background: #102b49;
    box-shadow: 0 30px 70px rgba(23, 52, 84, .18);
    transform: rotate(-1.1deg);
}
.v3366-hero-stage::before { content: ""; position: absolute; inset: 15% -22% auto auto; z-index: -1; width: 85%; height: 65%; border-radius: 50%; background: rgba(151, 89, 231, .18); filter: blur(20px); }
.v3366-stage-topbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 2px 4px 16px; color: #fff; }
.v3366-stage-title { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; }
.v3366-stage-title i { width: 8px; height: 8px; border-radius: 50%; background: #5fe0bb; box-shadow: 0 0 0 4px rgba(95, 224, 187, .14); }
.v3366-stage-live { padding: 5px 9px; border: 1px solid rgba(255,255,255,.24); border-radius: 8px; color: #b9f5e4; font-size: 10px; letter-spacing: .1em; }
.v3366-stage-content { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(130px, .65fr); gap: 10px; }
.v3366-stage-main-tile, .v3366-stage-side-tiles > div { border: 1px solid rgba(255,255,255,.1); border-radius: 15px; background: rgba(255,255,255,.09); }
.v3366-stage-main-tile { min-height: 250px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; color: #fff; text-align: center; }
.v3366-stage-main-tile strong, .v3366-stage-side-tiles b { display: block; font-size: 12px; font-weight: 600; }
.v3366-stage-main-tile small, .v3366-stage-side-tiles small { display: block; margin-top: 4px; color: rgba(255,255,255,.62); font-size: 10px; }
.v3366-stage-avatar { display: grid; place-items: center; width: 82px; height: 82px; border-radius: 24px; color: #173454; background: linear-gradient(145deg, #cce7f6, #96cdcd); font-size: 32px; font-weight: 600; }
.v3366-stage-mic { margin-top: 6px; color: #9be8d2; font-size: 11px; }
.v3366-stage-side-tiles { display: grid; gap: 10px; }
.v3366-stage-side-tiles > div { display: flex; flex-direction: column; justify-content: center; padding: 10px; color: #fff; }
.v3366-mini-avatar { display: grid; place-items: center; width: 31px; height: 31px; margin-bottom: 8px; border-radius: 10px; color: #173454; font-size: 11px; font-weight: 700; }
.v3366-avatar-purple { background: #d8c0fa; }.v3366-avatar-blue { background: #b8dbf2; }.v3366-avatar-turquoise { background: #a9e3dc; }
.v3366-stage-insight { margin-top: 10px; padding: 13px 14px 11px; border: 1px solid rgba(150,205,205,.26); border-radius: 15px; background: rgba(150,205,205,.1); color: #fff; }
.v3366-insight-head, .v3366-insight-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 11px; }.v3366-insight-head strong, .v3366-insight-foot strong { color: #9be8d2; font-weight: 600; }
.v3366-insight-line { display: flex; align-items: end; gap: 5px; height: 35px; margin: 10px 0 5px; }.v3366-insight-line span { flex: 1; min-width: 4px; border-radius: 4px 4px 2px 2px; background: #96cdcd; opacity: .78; }.v3366-insight-line span:nth-child(1) { height: 45%; }.v3366-insight-line span:nth-child(2) { height: 62%; }.v3366-insight-line span:nth-child(3) { height: 52%; }.v3366-insight-line span:nth-child(4) { height: 82%; }.v3366-insight-line span:nth-child(5) { height: 73%; }.v3366-insight-line b { width: 7px; height: 7px; margin-right: -2px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 4px rgba(255,255,255,.12); }
.v3366-floating-card { position: absolute; z-index: 2; display: grid; gap: 3px; min-width: 138px; padding: 12px 14px; border: 1px solid rgba(23,52,84,.1); border-radius: 14px; background: rgba(255,255,255,.96); box-shadow: 0 14px 30px rgba(23,52,84,.16); }.v3366-floating-card b { color: var(--v3366-muted); font-size: 10px; font-weight: 500; }.v3366-floating-card strong { color: var(--v3366-navy); font-size: 20px; }.v3366-floating-card span { color: var(--v3366-navy); font-size: 11px; font-weight: 600; }.v3366-floating-card small { color: #9aa7b6; font-size: 9px; }.v3366-floating-presence { top: 95px; right: -46px; }.v3366-floating-break { bottom: 55px; left: -52px; }

.v3366-proof-strip { border-block: 1px solid var(--v3366-border); background: #fff; }.v3366-proof-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px; padding-block: 18px; }.v3366-proof-grid span { color: var(--v3366-muted); font-size: 12px; text-align: center; }
.v3366-split-grid { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); align-items: center; gap: clamp(34px, 7vw, 100px); }.v3366-section-copy h2, .v3366-flow-grid h2, .v3366-cta-box h2 { color: var(--v3366-navy); text-wrap: balance; }.v3366-section-copy > p { max-width: 570px; line-height: 2; }.v3366-muted { color: var(--v3366-muted); }.v3366-benefit-list { display: grid; gap: 10px; margin-top: 22px; }.v3366-benefit-list span { display: flex; align-items: center; gap: 10px; color: var(--v3366-navy); font-size: 13px; }.v3366-benefit-list b { display: grid; place-items: center; width: 27px; height: 27px; border-radius: 8px; color: var(--v3366-purple); background: #f0e9fc; font-size: 10px; }.v3366-privacy-note { display: block; max-width: 560px; margin-top: 20px; color: #8491a1; line-height: 1.9; }
.v3366-insight-panel { padding: clamp(20px, 3vw, 30px); border: 1px solid var(--v3366-border); border-radius: 25px; background: #fff; box-shadow: 0 20px 50px rgba(23,52,84,.09); }.v3366-panel-header, .v3366-insight-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; }.v3366-panel-header span { color: var(--v3366-navy); font-size: 15px; font-weight: 700; }.v3366-panel-header small { color: #9aa7b6; font-size: 11px; }.v3366-panel-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 24px; }.v3366-panel-metrics > div { padding: 13px 12px; border-radius: 14px; background: var(--v3366-bg); }.v3366-panel-metrics small { display: block; color: var(--v3366-muted); font-size: 10px; }.v3366-panel-metrics strong { display: block; margin-top: 7px; color: var(--v3366-navy); font-size: 14px; }.v3366-timeline { display: flex; align-items: end; gap: 7px; height: 155px; margin-top: 28px; padding: 16px 14px 0; border-bottom: 1px solid var(--v3366-border); background: repeating-linear-gradient(to top, transparent 0 37px, #edf1f6 38px 39px); }.v3366-timeline span { flex: 1; border-radius: 6px 6px 0 0; background: linear-gradient(#96cdcd, #aad2f1); }.v3366-timeline span:nth-child(1) { height: 43%; }.v3366-timeline span:nth-child(2) { height: 57%; }.v3366-timeline span:nth-child(3) { height: 51%; }.v3366-timeline span:nth-child(4) { height: 75%; }.v3366-timeline span:nth-child(5) { height: 67%; }.v3366-timeline span:nth-child(6) { height: 82%; }.v3366-timeline span:nth-child(7) { height: 78%; }.v3366-timeline i { width: 9px; height: 9px; margin: 0 0 -5px -11px; border: 3px solid #fff; border-radius: 50%; background: var(--v3366-purple); box-shadow: 0 0 0 3px rgba(151,89,231,.18); }.v3366-panel-alert { display: flex; align-items: center; gap: 11px; margin-top: 18px; padding: 13px 14px; border-radius: 14px; background: #f8f4fe; }.v3366-panel-alert > span { color: var(--v3366-purple); font-size: 16px; }.v3366-panel-alert b, .v3366-panel-alert small { display: block; }.v3366-panel-alert b { color: var(--v3366-navy); font-size: 12px; }.v3366-panel-alert small { margin-top: 4px; color: var(--v3366-muted); font-size: 10px; }

.v3366-heading { max-width: 700px; margin-inline: auto; text-align: center; }.v3366-heading p { max-width: 580px; margin-inline: auto; }.v3366-feature-groups { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 34px; }.v3366-feature-group { padding: 24px; border: 1px solid var(--v3366-border); border-radius: 20px; background: #fff; }.v3366-group-kicker { color: var(--v3366-purple); font-size: 11px; font-weight: 700; }.v3366-feature-group h3 { margin: 10px 0 20px; color: var(--v3366-navy); font-size: 18px; }.v3366-feature-list { display: grid; gap: 11px; }.v3366-feature-list span { position: relative; padding-right: 17px; color: var(--v3366-muted); font-size: 13px; line-height: 1.8; }.v3366-feature-list span::before { content: ""; position: absolute; top: .75em; right: 0; width: 6px; height: 6px; border-radius: 50%; background: var(--v3366-turquoise); }
.v3366-flow-section { background: var(--v3366-bg); }.v3366-flow-grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); align-items: center; gap: clamp(30px, 8vw, 120px); }.v3366-flow-grid > div p { max-width: 510px; color: var(--v3366-muted); line-height: 2; }.v3366-flow-list { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }.v3366-flow-list li { display: flex; align-items: center; gap: 14px; padding: 15px 17px; border: 1px solid var(--v3366-border); border-radius: 15px; background: #fff; }.v3366-flow-list li > b { display: grid; place-items: center; width: 31px; height: 31px; flex: 0 0 31px; border-radius: 10px; color: var(--v3366-purple); background: #f0e9fc; font-size: 12px; }.v3366-flow-list strong, .v3366-flow-list small { display: block; }.v3366-flow-list strong { color: var(--v3366-navy); font-size: 13px; }.v3366-flow-list small { margin-top: 4px; color: var(--v3366-muted); font-size: 11px; }
.v3366-cta-section { padding-top: 0; }.v3366-cta-box { display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: clamp(24px, 4vw, 42px); border-radius: 24px; background: var(--v3366-navy); box-shadow: 0 18px 45px rgba(23,52,84,.16); }.v3366-cta-box h2, .v3366-cta-box p, .v3366-cta-box .eyebrow { color: #fff; }.v3366-cta-box p { margin: 8px 0 0; color: rgba(255,255,255,.7); }.v3366-cta-box .button-primary { flex: 0 0 auto; color: var(--v3366-navy); background: #fff; }
.v3366-faq-list { max-width: 820px; margin-inline: auto; }.v3366-faq-list details { border-bottom: 1px solid var(--v3366-border); }.v3366-faq-list summary { min-height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 16px; color: var(--v3366-navy); font-size: 14px; font-weight: 600; cursor: pointer; list-style: none; }.v3366-faq-list summary::-webkit-details-marker { display: none; }.v3366-faq-list summary::after { content: "+"; color: var(--v3366-purple); font-size: 20px; font-weight: 400; }.v3366-faq-list details[open] summary::after { content: "−"; }.v3366-faq-list p { max-width: 720px; margin: 0 0 16px; color: var(--v3366-muted); font-size: 13px; line-height: 2; }
.v3366-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

@media (max-width: 1050px) {
    .v3366-floating-presence { right: -20px; }.v3366-floating-break { left: -20px; }.v3366-proof-grid { grid-template-columns: repeat(3, 1fr); row-gap: 12px; }.v3366-feature-groups { grid-template-columns: repeat(2, 1fr); }.v3366-feature-group:last-child { grid-column: 1 / -1; }
}
@media (max-width: 760px) {
    .v3366-hero-grid, .v3366-split-grid, .v3366-flow-grid { grid-template-columns: 1fr; }.v3366-hero-copy { max-width: none; }.v3366-hero-stage { min-height: 410px; transform: none; }.v3366-floating-presence { top: 74px; right: -10px; }.v3366-floating-break { bottom: 35px; left: -10px; }.v3366-split-grid { gap: 30px; }.v3366-cta-box { align-items: flex-start; flex-direction: column; }.v3366-cta-box .button { width: 100%; justify-content: center; }
}
@media (max-width: 560px) {
    .v3366-hero { padding-top: 30px; }.v3366-hero-actions { display: grid; grid-template-columns: 1fr; }.v3366-hero-actions .button { width: 100%; justify-content: center; }.v3366-proof-grid { grid-template-columns: repeat(2, 1fr); padding-inline: 8px; }.v3366-stage-content { grid-template-columns: minmax(0, 1.2fr) minmax(92px, .8fr); }.v3366-stage-main-tile { min-height: 220px; }.v3366-stage-avatar { width: 68px; height: 68px; font-size: 27px; }.v3366-floating-card { min-width: 116px; padding: 10px; }.v3366-floating-presence { top: 66px; right: -3px; }.v3366-floating-break { bottom: 25px; left: -3px; }.v3366-panel-metrics { gap: 6px; }.v3366-panel-metrics > div { padding: 10px 7px; }.v3366-panel-metrics strong { font-size: 12px; }.v3366-timeline { height: 125px; }.v3366-feature-groups { grid-template-columns: 1fr; }.v3366-feature-group:last-child { grid-column: auto; }
}
@media (max-width: 380px) {
    .v3366-hero-stage { padding: 12px; border-radius: 22px; }.v3366-floating-card { position: static; width: max-content; margin-top: 8px; }.v3366-floating-presence { margin-right: auto; }.v3366-floating-break { margin-left: auto; }.v3366-stage-side-tiles > div { padding: 7px; }.v3366-mini-avatar { width: 26px; height: 26px; margin-bottom: 5px; }.v3366-stage-side-tiles b { font-size: 10px; }.v3366-stage-side-tiles small { font-size: 9px; }
}
@media (prefers-reduced-motion: reduce) {
    .v3366-hero-stage, .v3366-floating-card { transform: none; transition: none; }.v3366-insight-line span, .v3366-timeline span { animation: none !important; }
}
/* ADATASK_WEBINAR_LANDING_CSS_V3366B_END */