/* =========================================================
   BULK PDF ORGANIZE
   PRODUCT PAGE
   ========================================================= */

.bulk-organize-page {

    --org-primary: #00b4d8;
    --org-primary-light: #00d4ff;
    --org-purple: #7a5cff;

    --org-dark: #07111f;
    --org-dark-2: #0d1b2d;

    --org-text: #172033;
    --org-muted: #667085;

    --org-border: rgba(15, 23, 42, 0.10);

    --org-soft: #f6f9fc;

    --org-white: #ffffff;

    --org-radius: 24px;

    --org-shadow:
            0 25px 70px rgba(10, 25, 45, 0.10);

    color: var(--org-text);

    overflow: hidden;
}


/* =========================================================
   COMMON
   ========================================================= */

.organize-container {

    width: min(1400px, 92%);

    margin: 0 auto;
}


.organize-section {

    position: relative;

    padding: 110px 0;
}


.organize-eyebrow {

    display: inline-block;

    margin-bottom: 15px;

    color: var(--org-primary);

    font-size: 12px;

    font-weight: 900;

    letter-spacing: .16em;
}


.organize-section-heading {

    max-width: 850px;

    margin-bottom: 55px;
}


.organize-section-heading-centered {

    max-width: 900px;

    margin: 0 auto 65px;

    text-align: center;
}


.organize-section-heading h2,
.organize-section-heading-centered h2 {

    margin: 0 0 18px;

    color: var(--org-dark);

    font-size: clamp(32px, 4vw, 53px);

    line-height: 1.06;

    letter-spacing: -.04em;
}


.organize-section-heading p,
.organize-section-heading-centered p {

    margin: 0;

    color: var(--org-muted);

    font-size: 17px;

    line-height: 1.8;
}


/* =========================================================
   HERO
   ========================================================= */

.organize-hero {

    position: relative;

    min-height: 790px;

    display: flex;

    align-items: center;

    padding: 120px 0;

    background:

            radial-gradient(
                    circle at 80% 25%,
                    rgba(0,212,255,.14),
                    transparent 34%
            ),

            radial-gradient(
                    circle at 15% 85%,
                    rgba(122,92,255,.10),
                    transparent 34%
            ),

            #f8fbfe;
}


.organize-hero-bg {

    position: absolute;

    inset: 0;

    pointer-events: none;

    opacity: .4;

    background-image:

            linear-gradient(
                    135deg,
                    rgba(0,180,216,.04) 25%,
                    transparent 25%
            );

    background-size: 70px 70px;
}


.organize-hero-grid {

    position: relative;

    z-index: 2;

    display: grid;

    grid-template-columns:
        minmax(0,.88fr)
        minmax(500px,1.12fr);

    gap: 70px;

    align-items: center;
}


.organize-product-badge {

    display: inline-flex;

    align-items: center;

    gap: 9px;

    margin-bottom: 25px;

    padding: 9px 15px;

    border:
            1px solid rgba(0,180,216,.20);

    border-radius: 100px;

    background: rgba(255,255,255,.78);

    color: #087f99;

    font-size: 12px;

    font-weight: 900;

    letter-spacing: .08em;
}


.organize-product-badge span {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: var(--org-primary);

    box-shadow:
            0 0 0 5px rgba(0,180,216,.10);

    animation: orgBadgePulse 2s infinite;
}


@keyframes orgBadgePulse {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.25);
    }
}


.organize-hero-content h1 {

    max-width: 800px;

    margin: 0 0 25px;

    color: var(--org-dark);

    font-size: clamp(44px,5vw,76px);

    line-height: .98;

    letter-spacing: -.055em;
}


.organize-hero-lead {

    max-width: 750px;

    margin: 0 0 17px;

    color: #334155;

    font-size: clamp(19px,2vw,23px);

    line-height: 1.55;

    font-weight: 600;
}


.organize-hero-description {

    max-width: 710px;

    margin: 0;

    color: var(--org-muted);

    font-size: 16px;

    line-height: 1.8;
}


/* =========================================================
   BUTTONS
   ========================================================= */

.organize-hero-actions {

    display: flex;

    flex-wrap: wrap;

    gap: 14px;

    margin-top: 32px;
}


.organize-btn {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    min-height: 52px;

    padding: 0 23px;

    border-radius: 13px;

    text-decoration: none;

    font-size: 14px;

    font-weight: 900;

    transition:
            transform .25s ease,
            box-shadow .25s ease;
}


.organize-btn:hover {

    transform: translateY(-3px);
}


.organize-btn-primary {

    color: #ffffff;

    background:
            linear-gradient(
                    135deg,
                    var(--org-primary),
                    var(--org-purple)
            );

    box-shadow:
            0 15px 35px rgba(0,180,216,.20);
}


.organize-btn-primary:hover {

    box-shadow:
            0 20px 45px rgba(0,180,216,.30);
}


.organize-btn-secondary {

    color: var(--org-dark);

    background: #ffffff;

    border:
            1px solid var(--org-border);
}


/* =========================================================
   HERO POINTS
   ========================================================= */

.organize-hero-points {

    display: flex;

    flex-wrap: wrap;

    gap: 17px 22px;

    margin-top: 28px;
}


.organize-hero-points span {

    display: inline-flex;

    align-items: center;

    gap: 7px;

    color: #475467;

    font-size: 13px;

    font-weight: 700;
}


.organize-hero-points i {

    display: grid;

    place-items: center;

    width: 19px;

    height: 19px;

    border-radius: 50%;

    background: var(--org-primary);

    color: #ffffff;

    font-size: 11px;

    font-style: normal;
}


/* =========================================================
   SOFTWARE WINDOW
   ========================================================= */

.organize-hero-visual {

    position: relative;

    perspective: 1500px;
}


.organize-software-window {

    position: relative;

    overflow: hidden;

    border-radius: 20px;

    background: #ffffff;

    box-shadow:
            0 40px 100px rgba(5,25,45,.23);

    transform:
            perspective(1500px)
            rotateY(-3deg);

    animation:
            organizeWindowFloat 6s ease-in-out infinite;
}


@keyframes organizeWindowFloat {

    0%,
    100% {
        transform:
                perspective(1500px)
                rotateY(-3deg)
                translateY(0);
    }

    50% {
        transform:
                perspective(1500px)
                rotateY(-1deg)
                translateY(-10px);
    }
}


.organize-window-header {

    height: 48px;

    display: grid;

    grid-template-columns: 100px 1fr 100px;

    align-items: center;

    padding: 0 15px;

    background: #eaf0f5;

    border-bottom:
            1px solid rgba(0,0,0,.07);
}


.window-controls {

    display: flex;

    gap: 6px;
}


.window-controls span {

    width: 9px;

    height: 9px;

    border-radius: 50%;

    background: #aab5c1;
}


.organize-window-title {

    text-align: center;

    color: #526273;

    font-size: 12px;

    font-weight: 800;
}


.organize-window-status {

    text-align: right;

    color: #0c9a78;

    font-size: 10px;

    font-weight: 800;
}


.organize-window-body {

    display: grid;

    grid-template-columns: 145px 1fr;

    min-height: 470px;
}


.organize-sidebar {

    padding: 22px 12px;

    background: #101c2d;

    color: #ffffff;
}


.organize-sidebar-logo {

    display: grid;

    place-items: center;

    width: 38px;

    height: 38px;

    margin: 0 auto 30px;

    border-radius: 10px;

    color: #ffffff;

    background:
            linear-gradient(
                    135deg,
                    var(--org-primary),
                    var(--org-purple)
            );

    font-size: 11px;

    font-weight: 900;
}


.organize-sidebar-item {

    display: flex;

    align-items: center;

    gap: 9px;

    padding: 11px 10px;

    margin-bottom: 7px;

    border-radius: 8px;

    color: #aab8c8;

    font-size: 11px;
}


.organize-sidebar-item.active {

    color: #ffffff;

    background: rgba(255,255,255,.10);
}


/* =========================================================
   APP MAIN
   ========================================================= */

.organize-app-main {

    min-width: 0;

    padding: 23px;

    background: #ffffff;
}


.organize-app-title-row {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    gap: 15px;
}


.organize-app-title-row small {

    color: var(--org-primary);

    font-size: 8px;

    font-weight: 900;

    letter-spacing: .15em;
}


.organize-app-title-row h2 {

    margin: 5px 0 0;

    color: #182333;

    font-size: 23px;
}


.organize-ready {

    padding: 7px 10px;

    border-radius: 8px;

    color: #0a9677;

    background: #eafaf5;

    font-size: 10px;

    font-weight: 800;
}


/* =========================================================
   SOURCE PREVIEW
   ========================================================= */

.source-preview {

    display: grid;

    gap: 7px;

    margin-top: 20px;

    padding: 12px;

    border:
            1px solid #e3e9ee;

    border-radius: 10px;

    background: #f8fafc;
}


.source-preview-title {

    margin-bottom: 3px;

    color: #778496;

    font-size: 9px;

    font-weight: 900;
}


.source-folder {

    display: flex;

    align-items: center;

    gap: 8px;

    padding: 7px 9px;

    border-radius: 7px;

    background: #ffffff;

    color: #526273;

    font-size: 9px;

    font-weight: 700;
}


.source-folder small {

    margin-left: auto;

    color: #8995a3;

    font-size: 8px;
}


/* =========================================================
   MATCHING PREVIEW
   ========================================================= */

.matching-preview {

    margin-top: 12px;

    overflow: hidden;

    border:
            1px solid #e3e9ee;

    border-radius: 10px;
}


.matching-header {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 10px;

    background: #f3f7fa;
}


.matching-header span {

    color: var(--org-primary);

    font-size: 8px;

    font-weight: 900;
}


.matching-header strong {

    color: #657487;

    font-size: 8px;
}


.matching-row {

    display: grid;

    grid-template-columns: 32px 1fr 60px;

    gap: 8px;

    align-items: center;

    padding: 8px 10px;

    border-top:
            1px solid #edf1f4;
}


.client-avatar {

    display: grid;

    place-items: center;

    width: 30px;

    height: 30px;

    border-radius: 8px;

    color: #087f99;

    background: #e7f9fd;

    font-size: 8px;

    font-weight: 900;
}


.client-info {

    min-width: 0;
}


.client-info strong {

    display: block;

    overflow: hidden;

    color: #526273;

    font-size: 8px;

    text-overflow: ellipsis;

    white-space: nowrap;
}


.client-info small {

    color: #8b98a7;

    font-size: 7px;
}


.match-status {

    color: #0b9877;

    font-size: 8px;

    font-weight: 900;

    text-align: right;
}


/* =========================================================
   OUTPUT BAR
   ========================================================= */

.organize-output-bar {

    display: grid;

    grid-template-columns: 1fr 1fr auto;

    align-items: center;

    gap: 10px;

    margin-top: 12px;

    padding: 10px;

    border-radius: 9px;

    background: #f3f7fa;
}


.organize-output-bar small {

    display: block;

    color: #8996a4;

    font-size: 7px;

    font-weight: 900;
}


.organize-output-bar strong {

    display: block;

    margin-top: 2px;

    color: #4c5d6e;

    font-size: 9px;
}


.output-folder {

    color: #637384;

    font-size: 8px;

    font-weight: 700;
}


.organize-demo-button {

    border: 0;

    padding: 9px 12px;

    border-radius: 8px;

    color: #ffffff;

    background: var(--org-primary);

    font-size: 8px;

    font-weight: 900;
}


.organize-visual-glow {

    position: absolute;

    right: -100px;

    bottom: -130px;

    width: 300px;

    height: 300px;

    border-radius: 50%;

    background:
            radial-gradient(
                    circle,
                    rgba(0,212,255,.25),
                    transparent 65%
            );

    filter: blur(10px);

    pointer-events: none;
}


/* =========================================================
   INTRO
   ========================================================= */

.organize-intro {

    background: #ffffff;
}


.organize-intro-grid {

    display: grid;

    grid-template-columns:
        .9fr 1.1fr;

    gap: 25px;
}


.organize-intro-card {

    padding: 45px;

    border:
            1px solid var(--org-border);

    border-radius: var(--org-radius);

    background:
            linear-gradient(
                    145deg,
                    #ffffff,
                    #f5fbfe
            );

    box-shadow: var(--org-shadow);
}


.organize-big-icon {

    display: grid;

    place-items: center;

    width: 65px;

    height: 65px;

    margin-bottom: 25px;

    border-radius: 18px;

    color: #ffffff;

    background:
            linear-gradient(
                    135deg,
                    var(--org-primary),
                    var(--org-purple)
            );

    font-size: 26px;
}


.organize-intro-card h3 {

    margin: 0 0 18px;

    color: var(--org-dark);

    font-size: 28px;

    line-height: 1.2;
}


.organize-intro-card p {

    margin: 0 0 16px;

    color: var(--org-muted);

    font-size: 15px;

    line-height: 1.8;
}


/* =========================================================
   BEFORE / AFTER
   ========================================================= */

.organize-flow-card {

    padding: 30px;

    border:
            1px solid var(--org-border);

    border-radius: 24px;

    background: #ffffff;

    box-shadow:
            0 20px 60px rgba(10,30,50,.07);
}


.organize-flow-title {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 15px;
}


.organize-flow-title span {

    color: #9aa6b3;

    font-size: 10px;

    font-weight: 900;

    letter-spacing: .12em;
}


.organize-flow-title strong {

    color: var(--org-dark);

    font-size: 14px;
}


.organize-flow-title.after {

    margin-top: 15px;
}


.scattered-folders {

    display: grid;

    grid-template-columns: repeat(3,1fr);

    gap: 9px;
}


.scattered-folders div {

    padding: 13px 8px;

    border-radius: 9px;

    background: #f3f6f9;

    color: #627182;

    font-size: 10px;

    text-align: center;
}


.flow-arrow {

    margin: 18px 0;

    color: var(--org-primary);

    font-size: 26px;

    font-weight: 900;

    text-align: center;

    animation:
            orgArrowPulse 1.8s infinite;
}


@keyframes orgArrowPulse {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(6px);
    }
}


.client-folders {

    display: grid;

    gap: 8px;
}


.client-folders div {

    padding: 12px 14px;

    border:
            1px solid rgba(0,180,216,.12);

    border-radius: 9px;

    background: #f2fbfd;

    color: #3f6270;

    font-size: 11px;

    font-weight: 700;
}


/* =========================================================
   CAPABILITIES
   ========================================================= */

.organize-capabilities {

    background: #f7fafc;
}


.organize-capability-grid {

    display: grid;

    grid-template-columns: repeat(4,1fr);

    gap: 18px;
}


.organize-capability-card {

    position: relative;

    overflow: hidden;

    min-height: 265px;

    padding: 30px;

    border:
            1px solid var(--org-border);

    border-radius: 20px;

    background: #ffffff;

    transition:
            transform .3s ease,
            box-shadow .3s ease;
}


.organize-capability-card:hover {

    transform: translateY(-8px);

    box-shadow:
            0 25px 60px rgba(10,30,50,.09);
}


.organize-capability-card::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 3px;

    background:
            linear-gradient(
                    90deg,
                    var(--org-primary),
                    var(--org-purple)
            );

    transform: scaleX(0);

    transform-origin: left;

    transition: transform .35s ease;
}


.organize-capability-card:hover::before {

    transform: scaleX(1);
}


.capability-number {

    position: absolute;

    top: 20px;

    right: 22px;

    color: #a7b1bc;

    font-size: 11px;

    font-weight: 900;
}


.capability-icon {

    display: grid;

    place-items: center;

    width: 52px;

    height: 52px;

    margin-bottom: 21px;

    border-radius: 15px;

    background: #e8faff;

    color: #087f99;

    font-size: 18px;
}


.organize-capability-card h3 {

    margin: 0 0 10px;

    color: var(--org-dark);

    font-size: 18px;
}


.organize-capability-card p {

    margin: 0;

    color: var(--org-muted);

    font-size: 13px;

    line-height: 1.7;
}


/* =========================================================
   SOURCE
   ========================================================= */

.source-section {

    background: #ffffff;
}


.source-grid {

    display: grid;

    grid-template-columns:
        .85fr 1.15fr;

    gap: 65px;

    align-items: center;
}


.source-content h2 {

    margin: 0 0 18px;

    color: var(--org-dark);

    font-size: clamp(31px,4vw,50px);

    line-height: 1.08;

    letter-spacing: -.04em;
}


.source-content > p {

    margin: 0 0 15px;

    color: var(--org-muted);

    font-size: 15px;

    line-height: 1.8;
}


.source-points {

    display: grid;

    gap: 11px;

    margin-top: 27px;
}


.source-points div {

    display: flex;

    align-items: center;

    gap: 11px;

    padding: 13px 15px;

    border-radius: 11px;

    background: #f5f9fb;
}


.source-points span {

    display: grid;

    place-items: center;

    width: 25px;

    height: 25px;

    border-radius: 50%;

    background: #dff8f0;

    color: #078c70;

    font-size: 11px;

    font-weight: 900;
}


.source-points strong {

    color: #3d4b5c;

    font-size: 13px;
}


.source-visual {

    position: relative;

    overflow: hidden;

    border-radius: 24px;

    box-shadow:
            0 30px 80px rgba(10,30,50,.14);
}


.source-visual img {

    display: block;

    width: 100%;
}


.source-visual-label {

    position: absolute;

    left: 20px;

    bottom: 20px;

    display: grid;

    gap: 4px;

    padding: 14px 17px;

    border-radius: 12px;

    background: rgba(7,17,31,.88);

    color: #ffffff;

    backdrop-filter: blur(10px);
}


.source-visual-label span {

    color: var(--org-primary);

    font-size: 9px;

    font-weight: 900;

    letter-spacing: .1em;
}


.source-visual-label strong {

    font-size: 12px;
}


/* =========================================================
   MATCHING
   ========================================================= */

.matching-section {

    background: #f7fafc;
}


.matching-demo {

    display: grid;

    grid-template-columns: 1fr 70px 1fr;

    gap: 20px;

    align-items: center;
}


.matching-stage {

    padding: 27px;

    border:
            1px solid var(--org-border);

    border-radius: 21px;

    background: #ffffff;

    box-shadow:
            0 20px 60px rgba(10,30,50,.07);
}


.matching-stage-title {

    display: grid;

    gap: 5px;

    margin-bottom: 20px;
}


.matching-stage-title span {

    color: var(--org-primary);

    font-size: 10px;

    font-weight: 900;

    letter-spacing: .12em;
}


.matching-stage-title strong {

    color: var(--org-dark);

    font-size: 17px;
}


.pdf-file-list {

    display: grid;

    gap: 8px;
}


.pdf-file {

    display: flex;

    align-items: center;

    gap: 10px;

    padding: 11px;

    border-radius: 9px;

    background: #f5f8fa;

    color: #526273;

    font-size: 11px;
}


.pdf-icon {

    display: grid;

    place-items: center;

    width: 34px;

    height: 34px;

    flex: 0 0 auto;

    border-radius: 8px;

    background: #eaf8fb;

    color: #07849c;

    font-size: 8px;

    font-weight: 900;
}


.matching-arrow {

    display: grid;

    place-items: center;

    width: 58px;

    height: 58px;

    border-radius: 50%;

    color: #ffffff;

    background:
            linear-gradient(
                    135deg,
                    var(--org-primary),
                    var(--org-purple)
            );

    font-size: 24px;

    font-weight: 900;
}


.destination-folder {

    overflow: hidden;

    border:
            1px solid rgba(0,180,216,.15);

    border-radius: 13px;

    background: #f6fcfe;
}


.destination-folder-header {

    display: flex;

    align-items: center;

    gap: 10px;

    padding: 15px;

    color: #355967;

    background: #e8faff;

    font-size: 12px;
}


.destination-file {

    padding: 11px 15px;

    border-top:
            1px solid rgba(0,180,216,.08);

    color: #647586;

    font-size: 10px;
}


/* =========================================================
   OUTPUT
   ========================================================= */

.output-section {

    background: #ffffff;
}


.output-mode-grid {

    display: grid;

    grid-template-columns: repeat(2,1fr);

    gap: 25px;
}


.output-mode-card {

    padding: 32px;

    border:
            1px solid var(--org-border);

    border-radius: 23px;

    background: #ffffff;

    box-shadow:
            0 20px 60px rgba(10,30,50,.07);
}


.output-mode-header {

    display: flex;

    align-items: center;

    gap: 15px;

    margin-bottom: 17px;
}


.output-mode-icon {

    display: grid;

    place-items: center;

    width: 55px;

    height: 55px;

    flex: 0 0 auto;

    border-radius: 15px;

    color: #ffffff;

    background:
            linear-gradient(
                    135deg,
                    var(--org-primary),
                    var(--org-purple)
            );

    font-size: 18px;

    font-weight: 900;
}


.output-mode-header span {

    display: block;

    margin-bottom: 4px;

    color: var(--org-primary);

    font-size: 9px;

    font-weight: 900;

    letter-spacing: .12em;
}


.output-mode-header h3 {

    margin: 0;

    color: var(--org-dark);

    font-size: 22px;
}


.output-mode-card > p {

    margin: 0 0 22px;

    color: var(--org-muted);

    font-size: 14px;

    line-height: 1.75;
}


.output-preview {

    min-height: 215px;

    margin-bottom: 22px;

    padding: 18px;

    border-radius: 15px;

    background: #f6f9fb;
}


.preview-folder {

    display: flex;

    align-items: center;

    gap: 8px;

    margin-bottom: 10px;

    padding: 10px;

    border-radius: 8px;

    background: #e8faff;

    color: #3f6270;

    font-size: 11px;
}


.preview-pdf {

    margin-top: 6px;

    padding: 9px 11px;

    border-radius: 7px;

    background: #ffffff;

    color: #677686;

    font-size: 10px;
}


.merge-files {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 9px;

    padding: 18px 0;
}


.merge-files div {

    display: grid;

    place-items: center;

    width: 45px;

    height: 55px;

    border-radius: 8px;

    background: #ffffff;

    color: #087f99;

    font-size: 8px;

    font-weight: 900;

    box-shadow:
            0 5px 15px rgba(0,0,0,.05);
}


.merge-files span {

    color: var(--org-primary);

    font-weight: 900;
}


.merged-result {

    display: flex;

    align-items: center;

    gap: 10px;

    padding: 11px;

    border-radius: 9px;

    background: #eaf8f0;

    color: #17754f;

    font-size: 10px;

}


.merged-result span {

    font-size: 8px;

    font-weight: 900;
}


.output-mode-card ul {

    display: grid;

    gap: 10px;

    padding: 0;

    margin: 0;

    list-style: none;
}


.output-mode-card li {

    display: flex;

    gap: 9px;

    color: #526273;

    font-size: 13px;

    line-height: 1.6;
}


.output-mode-card li span {

    color: #08a783;

    font-weight: 900;
}


/* =========================================================
   HOW IT WORKS
   ========================================================= */

.organize-how {

    background: #07111f;

    color: #ffffff;
}


.organize-how
.organize-section-heading-centered h2 {

    color: #ffffff;
}


.organize-how
.organize-section-heading-centered p {

    color: #aab8c8;
}


.organize-process {

    position: relative;

    display: grid;

    grid-template-columns: repeat(5,1fr);

    gap: 15px;
}


.organize-process-line {

    position: absolute;

    top: 43px;

    left: 8%;

    right: 8%;

    height: 1px;

    background:
            linear-gradient(
                    90deg,
                    transparent,
                    rgba(0,212,255,.6),
                    transparent
            );
}


.organize-process-step {

    position: relative;

    text-align: center;

    padding: 5px 10px;
}


.process-number {

    margin-bottom: 15px;

    color: #647489;

    font-size: 10px;

    font-weight: 900;

    letter-spacing: .15em;
}


.organize-process-step .process-icon {

    position: relative;

    z-index: 2;

    display: grid;

    place-items: center;

    width: 62px;

    height: 62px;

    margin: 0 auto 21px;

    border:
            5px solid #07111f;

    border-radius: 50%;

    background:
            linear-gradient(
                    135deg,
                    var(--org-primary),
                    var(--org-purple)
            );

    color: #ffffff;

    font-size: 17px;

    box-shadow:
            0 0 0 1px rgba(0,212,255,.25);
}


.organize-process-step h3 {

    margin: 0 0 9px;

    font-size: 17px;
}


.organize-process-step p {

    margin: 0;

    color: #91a0b2;

    font-size: 12px;

    line-height: 1.7;
}


/* =========================================================
   SCREENSHOT
   ========================================================= */

.screenshot-section {

    background: #ffffff;
}


.organize-main-screenshot {

    overflow: hidden;

    border-radius: 25px;

    border:
            1px solid var(--org-border);

    background: #ffffff;

    box-shadow:
            0 30px 80px rgba(10,30,50,.12);
}


.screenshot-frame {

    overflow: hidden;

    background: #edf3f7;
}


.screenshot-frame img {

    display: block;

    width: 100%;

    transition:
            transform .7s ease;
}


.organize-main-screenshot:hover
.screenshot-frame img {

    transform: scale(1.015);
}


.screenshot-caption {

    display: grid;

    gap: 5px;

    padding: 21px 25px;
}


.screenshot-caption strong {

    color: var(--org-dark);

    font-size: 16px;
}


.screenshot-caption span {

    color: var(--org-muted);

    font-size: 13px;
}


/* =========================================================
   LARGE BATCH
   ========================================================= */

.large-batch-section {

    background: #f7fafc;
}


.large-batch-grid {

    display: grid;

    grid-template-columns:
        1.05fr .95fr;

    gap: 65px;

    align-items: center;
}


.large-batch-visual {

    position: relative;

    overflow: hidden;

    border-radius: 24px;

    box-shadow:
            0 30px 80px rgba(10,30,50,.14);
}


.large-batch-visual img {

    display: block;

    width: 100%;
}


.batch-counter {

    position: absolute;

    right: 20px;

    bottom: 20px;

    display: grid;

    gap: 3px;

    padding: 15px 18px;

    border-radius: 13px;

    background: rgba(7,17,31,.90);

    color: #ffffff;

    backdrop-filter: blur(10px);
}


.batch-counter strong {

    color: #ffffff;

    font-size: 21px;
}


.batch-counter span {

    color: #a9b8c7;

    font-size: 10px;
}


.large-batch-content h2 {

    margin: 0 0 18px;

    color: var(--org-dark);

    font-size: clamp(31px,4vw,49px);

    line-height: 1.08;

    letter-spacing: -.04em;
}


.large-batch-content > p {

    margin: 0 0 15px;

    color: var(--org-muted);

    font-size: 15px;

    line-height: 1.8;
}


.large-batch-points {

    display: grid;

    gap: 12px;

    margin-top: 28px;
}


.large-batch-points > div {

    display: flex;

    gap: 12px;

    padding: 13px 15px;

    border-radius: 11px;

    background: #ffffff;
}


.large-batch-points > div > span {

    display: grid;

    place-items: center;

    flex: 0 0 auto;

    width: 26px;

    height: 26px;

    border-radius: 50%;

    background: #dff8f0;

    color: #078c70;

    font-size: 11px;

    font-weight: 900;
}


.large-batch-points strong {

    display: block;

    color: #3d4b5c;

    font-size: 13px;
}


.large-batch-points small {

    display: block;

    margin-top: 3px;

    color: #7b8794;

    font-size: 11px;

    line-height: 1.5;
}


/* =========================================================
   PROTECTED PDF
   ========================================================= */

.protected-pdf-section {

    background: #ffffff;
}


.protected-pdf-card {

    display: grid;

    grid-template-columns: 85px 1fr;

    gap: 30px;

    padding: 45px;

    border:
            1px solid rgba(0,180,216,.15);

    border-radius: 25px;

    background:
            linear-gradient(
                    135deg,
                    #ffffff,
                    #f3faff
            );

    box-shadow:
            0 25px 70px rgba(10,30,50,.07);
}


.protected-pdf-icon {

    display: grid;

    place-items: center;

    width: 72px;

    height: 72px;

    border-radius: 19px;

    background:
            linear-gradient(
                    135deg,
                    var(--org-primary),
                    var(--org-purple)
            );

    font-size: 25px;
}


.protected-pdf-content h2 {

    margin: 0 0 18px;

    color: var(--org-dark);

    font-size: clamp(30px,4vw,46px);

    line-height: 1.08;
}


.protected-pdf-content > p {

    max-width: 950px;

    margin: 0 0 14px;

    color: var(--org-muted);

    font-size: 15px;

    line-height: 1.8;
}


.protected-pdf-note {

    display: flex;

    gap: 12px;

    margin-top: 24px;

    padding: 16px;

    border-radius: 12px;

    background: #eefaff;
}


.protected-pdf-note > span {

    display: grid;

    place-items: center;

    flex: 0 0 auto;

    width: 24px;

    height: 24px;

    border-radius: 50%;

    background: var(--org-primary);

    color: #ffffff;

    font-size: 12px;

    font-weight: 900;
}


.protected-pdf-note p {

    margin: 0;

    color: #3e6470;

    font-size: 13px;

    line-height: 1.7;
}


/* =========================================================
   DECISION TABLE
   ========================================================= */

.decision-section {

    background: #f7fafc;
}


.decision-table {

    overflow: hidden;

    border:
            1px solid var(--org-border);

    border-radius: 18px;

    background: #ffffff;

    box-shadow:
            0 20px 60px rgba(10,30,50,.07);
}


.decision-row {

    display: grid;

    grid-template-columns: 2fr 1fr 1fr;

    border-top:
            1px solid #edf0f3;
}


.decision-row:first-child {

    border-top: 0;
}


.decision-row > div {

    padding: 17px 20px;

    color: #526273;

    font-size: 13px;

    text-align: center;
}


.decision-row > div:first-child {

    color: #344254;

    font-weight: 700;

    text-align: left;
}


.decision-header {

    background: #07111f;
}


.decision-header > div {

    color: #ffffff;

    font-weight: 900;
}


/* =========================================================
   VIDEO
   ========================================================= */

.video-section {

    background: #ffffff;
}


.video-heading {

    max-width: 800px;

    margin-bottom: 35px;
}


.video-heading h2 {

    margin: 0 0 16px;

    color: var(--org-dark);

    font-size: clamp(32px,4vw,49px);

    line-height: 1.08;

    letter-spacing: -.04em;
}


.video-heading p {

    margin: 0;

    color: var(--org-muted);

    line-height: 1.8;
}


.organize-video-card {

    position: relative;

    overflow: hidden;

    border-radius: 25px;

    background: #050b12;

    box-shadow:
            0 35px 80px rgba(5,20,35,.20);
}


.organize-demo-video {

    display: block;

    width: 100%;

    max-height: 700px;

    background: #050b12;
}


.organize-video-overlay {

    position: absolute;

    inset: 0;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    gap: 15px;

    pointer-events: none;

    color: #ffffff;

    background:
            linear-gradient(
                    180deg,
                    rgba(0,0,0,.03),
                    rgba(0,0,0,.20)
            );

    transition: opacity .3s ease;
}


.organize-video-card.video-playing
.organize-video-overlay {

    opacity: 0;
}


.organize-play-icon {

    display: grid;

    place-items: center;

    width: 70px;

    height: 70px;

    border:
            1px solid rgba(255,255,255,.30);

    border-radius: 50%;

    background: rgba(255,255,255,.15);

    backdrop-filter: blur(10px);

    font-size: 22px;
}


/* =========================================================
   USERS
   ========================================================= */

.users-section {

    background: #ffffff;
}


.organize-users-grid {

    display: grid;

    grid-template-columns: repeat(4,1fr);

    gap: 18px;
}


.organize-user-card {

    padding: 30px 25px;

    border:
            1px solid var(--org-border);

    border-radius: 20px;

    background: #ffffff;

    transition:
            transform .3s ease,
            box-shadow .3s ease;
}


.organize-user-card:hover {

    transform: translateY(-7px);

    box-shadow:
            0 25px 60px rgba(10,30,50,.08);
}


.user-icon {

    display: grid;

    place-items: center;

    width: 50px;

    height: 50px;

    margin-bottom: 21px;

    border-radius: 14px;

    background: #e8faff;

    color: #087f99;

    font-size: 11px;

    font-weight: 900;
}


.organize-user-card h3 {

    margin: 0 0 10px;

    color: var(--org-dark);

    font-size: 18px;
}


.organize-user-card p {

    margin: 0;

    color: var(--org-muted);

    font-size: 13px;

    line-height: 1.7;
}


/* =========================================================
   FAQ
   ========================================================= */

.faq-section {

    background: #f7fafc;
}


.organize-faq-container {

    max-width: 1000px;
}


.organize-faq-list {

    display: grid;

    gap: 10px;
}


.organize-faq-item {

    overflow: hidden;

    border:
            1px solid var(--org-border);

    border-radius: 15px;

    background: #ffffff;
}


.organize-faq-question {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

    padding: 21px 23px;

    border: 0;

    background: transparent;

    color: var(--org-dark);

    text-align: left;

    cursor: pointer;

    font-size: 15px;

    font-weight: 800;
}


.organize-faq-plus {

    display: grid;

    place-items: center;

    flex: 0 0 auto;

    width: 29px;

    height: 29px;

    border-radius: 50%;

    background: #eef8fb;

    color: var(--org-primary);

    font-size: 19px;

    transition: transform .3s ease;
}


.organize-faq-item.active
.organize-faq-plus {

    transform: rotate(45deg);
}


.organize-faq-answer {

    display: grid;

    grid-template-rows: 0fr;

    transition:
            grid-template-rows .35s ease;
}


.organize-faq-answer p {

    overflow: hidden;

    margin: 0;

    padding: 0 23px;

    color: var(--org-muted);

    font-size: 14px;

    line-height: 1.75;
}


.organize-faq-item.active
.organize-faq-answer {

    grid-template-rows: 1fr;
}


.organize-faq-item.active
.organize-faq-answer p {

    padding-bottom: 22px;
}


/* =========================================================
   SOFTWARE SUITE
   ========================================================= */

.software-suite {

    background: #ffffff;
}


.organize-suite-grid {

    display: grid;

    grid-template-columns: repeat(3,1fr);

    gap: 20px;
}


.organize-suite-card {

    display: block;

    padding: 32px;

    border:
            1px solid var(--org-border);

    border-radius: 20px;

    background: #ffffff;

    text-decoration: none;

    transition:
            transform .3s ease,
            box-shadow .3s ease;
}


.organize-suite-card:hover {

    transform: translateY(-8px);

    box-shadow:
            0 25px 60px rgba(10,30,50,.09);
}


.suite-icon {

    display: grid;

    place-items: center;

    width: 52px;

    height: 52px;

    margin-bottom: 22px;

    border-radius: 14px;

    background:
            linear-gradient(
                    135deg,
                    var(--org-primary),
                    var(--org-purple)
            );

    color: #ffffff;

    font-size: 18px;

    font-weight: 900;
}


.organize-suite-card h3 {

    margin: 0 0 10px;

    color: var(--org-dark);

    font-size: 20px;
}


.organize-suite-card p {

    margin: 0 0 21px;

    color: var(--org-muted);

    font-size: 13px;

    line-height: 1.7;
}


.suite-link {

    color: var(--org-primary);

    font-size: 13px;

    font-weight: 900;
}


/* =========================================================
   FINAL CTA
   ========================================================= */

.organize-final-cta {

    padding: 90px 0;

    background: #ffffff;
}


.organize-final-box {

    position: relative;

    overflow: hidden;

    min-height: 390px;

    display: flex;

    align-items: center;

    padding: 65px;

    border-radius: 30px;

    background:

            radial-gradient(
                    circle at 82% 20%,
                    rgba(0,212,255,.17),
                    transparent 35%
            ),

            linear-gradient(
                    135deg,
                    #07111f,
                    #0c2037
            );

    box-shadow:
            0 35px 90px rgba(5,20,35,.18);
}


.organize-final-content {

    position: relative;

    z-index: 3;

    max-width: 750px;
}


.organize-final-content h2 {

    margin: 0 0 18px;

    color: #ffffff;

    font-size: clamp(34px,4.5vw,55px);

    line-height: 1.04;

    letter-spacing: -.045em;
}


.organize-final-content p {

    max-width: 650px;

    margin: 0 0 28px;

    color: #9eafc0;

    font-size: 15px;

    line-height: 1.8;
}


.organize-final-decoration {

    position: absolute;

    right: 50px;

    top: 50%;

    width: 300px;

    height: 260px;

    transform:
            translateY(-50%)
            rotate(-5deg);
}


.final-folder {

    position: absolute;

    display: grid;

    place-items: center;

    width: 145px;

    height: 115px;

    border-radius: 15px;

    background:
            linear-gradient(
                    145deg,
                    #ffffff,
                    #dfeef5
            );

    box-shadow:
            0 25px 60px rgba(0,0,0,.20);

    font-size: 32px;

    animation:
            finalFolderFloat 5s ease-in-out infinite;
}


.folder-one {

    right: 90px;

    top: 15px;

    transform: rotate(-12deg);
}


.folder-two {

    right: 10px;

    top: 70px;

    transform: rotate(8deg);

    animation-delay: -1.5s;
}


.folder-three {

    right: 70px;

    top: 100px;

    transform: rotate(-2deg);

    animation-delay: -3s;
}


@keyframes finalFolderFloat {

    0%,
    100% {
        translate: 0 0;
    }

    50% {
        translate: 0 -9px;
    }
}


/* =========================================================
   REVEAL
   ========================================================= */

.reveal {

    opacity: 0;

    transform:
            translateY(35px);

    transition:
            opacity .75s ease,
            transform .75s cubic-bezier(.2,.65,.25,1);
}


.reveal.is-visible {

    opacity: 1;

    transform:
            translateY(0);
}


.reveal-delay-1 {
    transition-delay: .10s;
}


.reveal-delay-2 {
    transition-delay: .20s;
}


.reveal-delay-3 {
    transition-delay: .30s;
}


/* =========================================================
   PROTECTED MEDIA
   ========================================================= */

.protected-media img {

    user-select: none;

    -webkit-user-select: none;

    -webkit-user-drag: none;
}


/* =========================================================
   1200px
   ========================================================= */

@media (max-width:1200px) {

    .organize-hero-grid {

        grid-template-columns: 1fr 1fr;

        gap: 40px;
    }


    .organize-capability-grid {

        grid-template-columns: repeat(2,1fr);
    }


    .organize-users-grid {

        grid-template-columns: repeat(2,1fr);
    }

}


/* =========================================================
   950px
   ========================================================= */

@media (max-width:950px) {

    .organize-section {

        padding: 85px 0;
    }


    .organize-hero {

        min-height: auto;

        padding: 90px 0;
    }


    .organize-hero-grid {

        grid-template-columns: 1fr;
    }


    .organize-hero-visual {

        max-width: 850px;

        margin: 20px auto 0;
    }


    .organize-intro-grid,
    .source-grid,
    .large-batch-grid {

        grid-template-columns: 1fr;

        gap: 40px;
    }


    .matching-demo {

        grid-template-columns: 1fr;
    }


    .matching-arrow {

        margin: 0 auto;

        transform: rotate(90deg);
    }


    .organize-process {

        grid-template-columns: repeat(3,1fr);
    }


    .organize-process-line {

        display: none;
    }


    .output-mode-grid {

        grid-template-columns: 1fr;
    }


    .organize-suite-grid {

        grid-template-columns: repeat(2,1fr);
    }


    .organize-final-decoration {

        opacity: .35;
    }

}


/* =========================================================
   700px
   ========================================================= */

@media (max-width:700px) {

    .organize-container {

        width: min(92%,550px);
    }


    .organize-section {

        padding: 70px 0;
    }


    .organize-hero {

        padding: 75px 0;
    }


    .organize-hero-content h1 {

        font-size: clamp(38px,12vw,53px);
    }


    .organize-hero-actions {

        flex-direction: column;

        align-items: stretch;
    }


    .organize-btn {

        width: 100%;
    }


    .organize-hero-points {

        display: grid;

        gap: 10px;
    }


    .organize-software-window {

        transform: none;

        animation: none;
    }


    .organize-window-body {

        grid-template-columns: 60px 1fr;
    }


    .organize-sidebar {

        padding: 15px 7px;
    }


    .organize-sidebar-item {

        justify-content: center;

        font-size: 0;
    }


    .organize-sidebar-item span {

        font-size: 15px;
    }


    .organize-app-main {

        padding: 15px;
    }


    .organize-output-bar {

        grid-template-columns: 1fr 1fr;
    }


    .organize-demo-button {

        grid-column: 1 / -1;

        width: 100%;
    }


    .scattered-folders {

        grid-template-columns: repeat(2,1fr);
    }


    .organize-capability-grid {

        grid-template-columns: 1fr;
    }


    .organize-process {

        grid-template-columns: 1fr 1fr;
    }


    .organize-users-grid {

        grid-template-columns: 1fr;
    }


    .organize-suite-grid {

        grid-template-columns: 1fr;
    }


    .protected-pdf-card {

        grid-template-columns: 1fr;

        padding: 30px;
    }


    .decision-row {

        grid-template-columns:
            1.5fr 1fr 1fr;
    }


    .decision-row > div {

        padding: 13px 9px;

        font-size: 11px;
    }


    .organize-final-box {

        min-height: auto;

        padding: 40px 28px;
    }


    .organize-final-decoration {

        display: none;
    }

}


/* =========================================================
   450px
   ========================================================= */

@media (max-width:450px) {

    .organize-product-badge {

        font-size: 9px;
    }


    .organize-hero-content h1 {

        font-size: 38px;
    }


    .organize-window-header {

        grid-template-columns: 65px 1fr 55px;
    }


    .organize-window-title {

        font-size: 9px;
    }


    .organize-window-status {

        font-size: 8px;
    }


    .organize-window-body {

        grid-template-columns: 50px 1fr;
    }


    .organize-sidebar {

        padding: 12px 4px;
    }


    .organize-sidebar-logo {

        width: 32px;

        height: 32px;
    }


    .organize-app-main {

        padding: 11px;
    }


    .organize-app-title-row h2 {

        font-size: 15px;
    }


    .organize-ready {

        display: none;
    }


    .source-folder {

        font-size: 8px;
    }


    .client-info strong {

        font-size: 7px;
    }


    .organize-intro-card {

        padding: 30px;
    }


    .organize-process {

        grid-template-columns: 1fr;
    }


    .decision-row > div {

        font-size: 9px;
    }


    .decision-row > div:first-child {

        font-size: 10px;
    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    *,
    *::before,
    *::after {

        animation-duration: .01ms !important;

        animation-iteration-count: 1 !important;

        transition-duration: .01ms !important;
    }


    .reveal {

        opacity: 1;

        transform: none;
    }


    .organize-software-window {

        animation: none;
    }

}