/* Pricing */
        .pricing { background: #fff; }
        .pricing-head { display: grid; grid-template-columns: 1fr .72fr; gap: 70px; align-items: end; }
        .pricing-head .section-lead { margin: 0; }
        .pricing-notice {
            display: flex;
            align-items: flex-start;
            gap: 11px;
            margin-top: 34px;
            padding: 16px 18px;
            color: var(--muted);
            border: 1px solid var(--line);
            border-radius: 12px;
            background: #fafbfc;
            font-size: .9rem;
            line-height: 1.65;
        }
        .pricing-notice svg { flex: 0 0 18px; margin-top: 2px; color: var(--blue); }
        .pricing-grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 1fr; align-items: stretch; gap: 15px; margin-top: 48px; }
        .plan-card {
            position: relative;
            height: 100%;
            min-height: 610px;
            display: flex;
            flex-direction: column;
            padding: 0;
            border: 1px solid var(--line);
            border-radius: 22px;
            background: #fff;
            box-shadow: 0 12px 35px rgba(17,29,42,.045);
            overflow: hidden;
        }
        .plan-card.basic-plan {
            border-color: #9fb7ca;
            box-shadow: 0 14px 38px rgba(55,88,116,.12);
        }
        .plan-card.standard-plan {
            border-color: #496b8c;
            box-shadow: 0 17px 42px rgba(43,72,101,.17);
        }
        .plan-card.premium-plan {
            border-color: #771819;
            box-shadow: 0 24px 58px rgba(108,17,22,.27);
        }
        .plan-card.custom-plan { border-color: var(--navy); }
        .plan-top { min-height: 342px; padding: 31px 28px 27px; }
        .plan-body { display: flex; flex: 1; flex-direction: column; padding: 26px 28px 28px; color: var(--ink); background: #fff; }
        .basic-plan .plan-top { background: linear-gradient(145deg, #e7f0f7 0%, #d9e6f0 56%, #cbdbe7 100%); }
        .standard-plan .plan-top {
            color: #fff;
            background: linear-gradient(145deg, #55789c 0%, #3e607f 56%, #334f6a 100%);
        }
        .premium-plan .plan-top {
            color: #fff;
            background:
                radial-gradient(circle at 88% 8%, rgba(222,177,78,.2), transparent 25%),
                linear-gradient(145deg, #7d1719 0%, #a02b24 53%, #6c1116 100%);
        }
        .custom-plan .plan-top { color: #fff; background: var(--navy); }
        .plan-badge {
            position: absolute;
            top: 18px;
            right: 18px;
            padding: 6px 10px;
            color: #681516;
            border-radius: 99px;
            background: #ddb557;
            font-size: .75rem;
            font-weight: 800;
        }
        .plan-code { color: var(--blue); font: 800 .75rem "Manrope", sans-serif; letter-spacing: .13em; }
        .basic-plan .plan-code { color: #3c6a91; }
        .standard-plan .plan-code { color: #d8e9fa; }
        .premium-plan .plan-code, .custom-plan .plan-code { color: var(--amber); }
        .plan-card h3 { margin: 22px 0 9px; font-size: 1.65rem; letter-spacing: -.04em; }
        .plan-audience { min-height: 56px; margin: 0; color: var(--muted); font-size: .9rem; line-height: 1.72; }
        .standard-plan .plan-audience, .premium-plan .plan-audience, .custom-plan .plan-audience { color: rgba(255,255,255,.82); }
        .plan-price { margin: 28px 0 0; padding: 21px 0 0; border-top: 1px solid var(--line); }
        .standard-plan .plan-price, .premium-plan .plan-price, .custom-plan .plan-price { border-color: rgba(255,255,255,.2); }
        .plan-price-label { display: block; margin-bottom: 8px; color: var(--muted); font-size: .9rem; font-weight: 700; }
        .standard-plan .plan-price-label, .premium-plan .plan-price-label, .custom-plan .plan-price-label { color: rgba(255,255,255,.78); }
        .plan-price strong { display: block; font-size: 1.15rem; }
        .price-level { display: flex; gap: 5px; height: 7px; margin-top: 15px; }
        .price-level i { flex: 1; border-radius: 99px; background: #e4e8ec; }
        .price-level i.active { background: var(--blue); }
        .basic-plan .price-level i { background: rgba(59,94,124,.16); }
        .basic-plan .price-level i.active { background: #477ba6; }
        .standard-plan .price-level i, .premium-plan .price-level i { background: rgba(255,255,255,.17); }
        .standard-plan .price-level i.active { background: #c6ddf4; }
        .premium-plan .price-level i.active { background: #e1b553; }
        .plan-features { display: grid; gap: 13px; margin: 0 0 28px; padding: 0; list-style: none; }
        .plan-features li { position: relative; padding-left: 23px; color: var(--ink-soft); font-size: .9rem; line-height: 1.6; }
        .plan-detail { display: block; margin-top: 3px; font-size: inherit; opacity: .9; }
        .plan-features li::before { content: "✓"; position: absolute; left: 0; top: 0; color: var(--blue); font-weight: 900; }
        .basic-plan .plan-features li::before { color: #477ba6; }
        .standard-plan .plan-features li::before { color: #496b8c; }
        .premium-plan .plan-features li::before { color: #98231f; }
        .custom-plan .plan-features li::before { color: #b87300; }
        .plan-cta {
            display: inline-flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            min-height: 50px;
            margin-top: auto;
            padding: 0 16px;
            color: var(--blue);
            border: 1px solid var(--blue);
            border-radius: 10px;
            font-size: .9rem;
            font-weight: 800;
            transition: transform .2s, color .2s, background .2s;
        }
        .plan-cta:hover { color: #fff; background: var(--blue); transform: translateY(-2px); }
        .basic-plan .plan-cta { color: #fff; border-color: #47779e; background: #47779e; }
        .basic-plan .plan-cta:hover { background: #385f80; }
        .standard-plan .plan-cta { color: #294a69; border-color: #7895ae; background: #f5f8fb; }
        .standard-plan .plan-cta:hover { color: #203b54; background: #eaf1f7; }
        .premium-plan .plan-cta, .custom-plan .plan-cta { color: var(--ink); border-color: var(--amber); background: var(--amber); }
        .premium-plan .plan-cta:hover, .custom-plan .plan-cta:hover { background: #ffb72c; }
        .custom-symbol {
            display: grid;
            place-items: center;
            width: 64px;
            height: 64px;
            margin: 29px 0 0;
            color: var(--amber);
            border: 1px solid rgba(242,166,25,.38);
            border-radius: 18px;
            background: rgba(242,166,25,.07);
        }
        .custom-symbol svg { width: 28px; }

        /* Worker App Add-on */
        .worker-app {
            position: relative;
            color: #fff;
            background:
                radial-gradient(circle at 82% 22%, rgba(55,115,225,.22), transparent 31%),
                linear-gradient(135deg, #0b141e 0%, #111f2e 58%, #0c1722 100%);
            overflow: hidden;
        }
        .worker-app::after {
            content: "";
            position: absolute;
            right: -180px;
            bottom: -260px;
            width: 620px;
            height: 620px;
            border: 1px solid rgba(255,255,255,.07);
            border-radius: 50%;
            box-shadow: 0 0 0 80px rgba(255,255,255,.018), 0 0 0 160px rgba(255,255,255,.012);
        }
        .worker-app-grid { position: relative; z-index: 1; display: grid; grid-template-columns: .92fr 1.08fr; gap: 82px; align-items: center; }
        .worker-app .section-kicker { color: #8bb7ff; }
        .worker-app .section-title { color: #fff; }
        .addon-tags { display: flex; flex-wrap: wrap; gap: 9px; margin-bottom: 27px; }
        .addon-tag {
            padding: 8px 13px;
            color: #d9e7f8;
            border: 1px solid rgba(139,183,255,.28);
            border-radius: 99px;
            background: rgba(78,126,193,.12);
            font-size: .9rem;
            font-weight: 700;
        }
        .addon-tag.accent { color: #151c23; border-color: var(--amber); background: var(--amber); }
        .worker-app-copy .section-lead { margin-top: 27px; color: #b7c3cf; }
        .attendance-flow {
            margin: 29px 0 0;
            padding: 18px 20px;
            color: #d8e1e9;
            border-left: 3px solid var(--amber);
            border-radius: 0 12px 12px 0;
            background: rgba(255,255,255,.055);
            font-size: .92rem;
            line-height: 1.75;
        }
        .attendance-flow-steps { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; color: #fff; font-weight: 800; }
        .attendance-flow-steps span { color: var(--amber); }
        .attendance-flow p { margin: 8px 0 0; color: #b8c4cf; }
        .app-feature-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 28px; }
        .app-feature {
            min-height: 130px;
            padding: 20px;
            border: 1px solid rgba(255,255,255,.09);
            border-radius: 16px;
            background: rgba(255,255,255,.045);
        }
        .app-feature svg { width: 23px; height: 23px; color: #8bb7ff; }
        .app-feature h3 { margin: 15px 0 7px; font-size: 1rem; }
        .app-feature p { margin: 0; color: #aebac6; font-size: .9rem; line-height: 1.65; }
        .worker-app-action { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; margin-top: 30px; }
        .worker-app-action .button { min-width: 210px; }
        .worker-app-action p { flex: 1; min-width: 220px; margin: 0; color: #8f9eac; font-size: .9rem; line-height: 1.65; }
        .phone-stage { display: grid; place-items: center; min-height: 690px; }
        .worker-phone {
            position: relative;
            width: min(100%, 390px);
            padding: 10px;
            border: 1px solid rgba(255,255,255,.17);
            border-radius: 42px;
            background: #050a10;
            box-shadow: 0 36px 90px rgba(0,0,0,.42), 0 0 0 9px rgba(255,255,255,.025);
        }
        .worker-phone::before {
            content: "";
            position: absolute;
            top: 18px;
            left: 50%;
            z-index: 2;
            width: 82px;
            height: 23px;
            border-radius: 99px;
            background: #050a10;
            transform: translateX(-50%);
        }
        .worker-screen { min-height: 650px; padding: 30px 17px 15px; color: var(--ink); border-radius: 33px; background: #f1f4f8; overflow: hidden; }
        .worker-appbar { display: flex; align-items: center; justify-content: space-between; padding: 9px 5px 15px; }
        .worker-wordmark { color: #245fce; font: 800 .9rem "Manrope", sans-serif; letter-spacing: .08em; }
        .screen-sample { color: #7c8995; font-size: .9rem; font-weight: 700; }
        .worker-profile { padding: 18px; border: 1px solid #e2e7ed; border-radius: 18px; background: #fff; box-shadow: 0 8px 22px rgba(35,51,67,.06); }
        .worker-profile-top { display: flex; align-items: center; gap: 12px; }
        .worker-avatar { display: grid; place-items: center; flex: 0 0 43px; height: 43px; color: #fff; border-radius: 14px; background: linear-gradient(145deg, #2f6de0, #174bad); font-weight: 900; }
        .worker-profile strong { display: block; font-size: 1.02rem; }
        .worker-profile p { margin: 3px 0 0; color: #74808c; font-size: .9rem; }
        .worker-site { display: flex; justify-content: space-between; gap: 14px; margin-top: 15px; padding-top: 13px; border-top: 1px solid #edf0f3; color: #4f5c68; font-size: .9rem; }
        .worker-site b { color: #235fcf; }
        .work-calendar { margin-top: 12px; padding: 16px 14px 14px; border: 1px solid #e2e7ed; border-radius: 18px; background: #fff; box-shadow: 0 8px 22px rgba(35,51,67,.05); }
        .calendar-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 13px; }
        .calendar-arrow { display: grid; place-items: center; width: 32px; height: 32px; color: #65727e; border-radius: 9px; background: #f2f5f8; font-size: 1rem; }
        .calendar-head strong { font-size: 1rem; }
        .calendar-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; text-align: center; }
        .calendar-grid span { position: relative; display: grid; place-items: center; min-height: 29px; color: #60707d; font-size: .88rem; }
        .calendar-grid .week { min-height: 22px; color: #9aa5ae; font-weight: 700; }
        .calendar-grid .sun { color: #bd5555; }
        .calendar-grid .worked::after { content: ""; position: absolute; bottom: 1px; width: 4px; height: 4px; border-radius: 50%; background: #2d69dc; }
        .calendar-grid .needs-check { color: #9b6413; border-radius: 9px; background: #fff2d8; font-weight: 800; }
        .calendar-grid .needs-check::after { content: ""; position: absolute; bottom: 1px; width: 4px; height: 4px; border-radius: 50%; background: #e39a20; }
        .calendar-grid .today { color: #fff; border-radius: 9px; background: #2d69dc; font-weight: 800; }
        .calendar-grid .today::after { background: #fff; }
        .calendar-legend { display: flex; justify-content: flex-end; gap: 13px; margin-top: 9px; color: #788590; font-size: .88rem; }
        .calendar-legend span { display: inline-flex; align-items: center; gap: 5px; }
        .calendar-legend i { width: 7px; height: 7px; border-radius: 50%; background: #2d69dc; }
        .calendar-legend i.check { background: #e39a20; }
        .work-summary { display: grid; grid-template-columns: repeat(2, 1fr); gap: 7px; margin-top: 12px; }
        .work-stat { min-width: 0; padding: 12px 9px; border: 1px solid #e2e7ed; border-radius: 14px; background: #fff; }
        .work-stat small { display: block; color: #87939e; font-size: .88rem; }
        .work-stat strong { display: block; margin-top: 5px; color: #1a2732; font-size: .92rem; white-space: nowrap; }
        .work-stat.check strong { color: #b87300; }
        .attendance-alert { display: flex; align-items: center; gap: 10px; margin-top: 9px; padding: 11px 12px; border: 1px solid #f0d49a; border-radius: 13px; background: #fff6e4; }
        .attendance-alert > span { display: grid; place-items: center; flex: 0 0 27px; height: 27px; color: #fff; border-radius: 9px; background: #e39a20; font-weight: 900; }
        .attendance-alert strong { display: block; color: #71470b; font-size: .9rem; }
        .attendance-alert small { display: block; margin-top: 2px; color: #8b6a38; font-size: .88rem; }
        .worker-docs { display: grid; grid-template-columns: repeat(2, 1fr); gap: 7px; margin-top: 9px; }
        .worker-doc { padding: 11px 10px; border: 1px solid #dce4ec; border-radius: 13px; background: #fff; }
        .worker-doc small { display: block; color: #7f8c98; font-size: .88rem; }
        .worker-doc strong { display: block; margin-top: 4px; color: #235fcf; font-size: .88rem; }
        .document-ready { border-color: #bcd4fa; background: #edf4ff; }
        .document-ready > span { background: #2d69dc; }
        .document-ready strong { color: #1d4f9f; }
        .document-ready small { color: #61799a; }
        .worker-tabs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px; margin-top: 12px; padding: 7px; border-radius: 15px; background: #fff; box-shadow: 0 7px 18px rgba(35,51,67,.06); }
        .worker-tab { padding: 10px 3px; color: #667583; border-radius: 10px; font-size: .88rem; font-weight: 700; text-align: center; }
        .worker-tab.active { color: #fff; background: #2d69dc; }