@font-face {
    font-family: 'BBardiya';
    src: url('../fonts/Kalameh/ttf/Kalameh(FaNum)-Medium.ttf?#iefix') format('embedded-opentype'),
    url('../fonts/Kalameh/woff/KalamehWeb(FaNum)-Medium.woff')  format('truetype'),
    url('../fonts/Kalameh/woff2/KalamehWeb(FaNum)-Medium.woff2#svgFontName') format('svg');
}
body{
    font-family: BBardiya;
}




:root {
    --pk-primary: #1769f5;
    --pk-primary-dark: #0b4ed7;
    --pk-secondary: #0eb5a7;
    --pk-ink: #10223e;
    --pk-text: #53637a;
    --pk-muted: #7e8ba0;
    --pk-line: #e5ecf5;
    --pk-bg: #f7faff;
    --pk-white: #ffffff;
    --pk-dark: #071528;
    --pk-radius-sm: 14px;
    --pk-radius: 22px;
    --pk-radius-lg: 34px;
    --pk-shadow: 0 22px 70px rgba(21, 53, 94, 0.12);
    --pk-shadow-soft: 0 12px 34px rgba(24, 62, 113, 0.08);
    --pk-container: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    direction: rtl;
    color: var(--pk-ink);
    background: #fff;
    font-family: "BBardiya", "IRANSansX", "Segoe UI", Tahoma, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.8;
    -webkit-font-smoothing: antialiased;
}
body.pk-menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
svg { display: block; }

.pk-container {
    width: min(calc(100% - 40px), var(--pk-container));
    margin-inline: auto;
}
.pk-skip-link {
    position: fixed;
    top: -80px;
    right: 24px;
    z-index: 9999;
    background: var(--pk-dark);
    color: #fff;
    padding: 10px 16px;
    border-radius: 10px;
}
.pk-skip-link:focus { top: 16px; }

.pk-icon {
    width: 1.35em;
    height: 1.35em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}
.pk-icon svg { width: 100%; height: 100%; }

/* Header */
.pk-header {
    position: fixed;
    top: 0;
    inset-inline: 0;
    z-index: 1000;
    transition: .25s ease;
    border-bottom: 1px solid transparent;
}
.admin-bar .pk-header { top: 32px; }
.pk-header.is-scrolled {
    background: rgba(255,255,255,.92);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    border-bottom-color: rgba(226,234,245,.95);
    box-shadow: 0 8px 34px rgba(15, 44, 85, .06);
}
.pk-header-inner {
    min-height: 84px;
    display: flex;
    align-items: center;
    gap: 34px;
}
.pk-logo-wrap { margin-left: auto; }
.pk-brand {
    display: inline-flex;
    align-items: center;
    gap: 11px;
}
.pk-brand-mark {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    filter: drop-shadow(0 8px 18px rgba(30, 104, 224, .18));
}
.pk-brand-mark svg { width: 100%; height: 100%; }
.pk-brand-copy { display: flex; flex-direction: column; line-height: 1.35; }
.pk-brand-copy strong { font-size: 18px; letter-spacing: -.3px; }
.pk-brand-copy small { margin-top: 4px; color: var(--pk-muted); font-size: 10.5px; font-weight: 600; }
.custom-logo-link { display: flex; align-items: center; }
.custom-logo { max-width: 210px; max-height: 56px; width: auto; }

.pk-desktop-nav .menu,
.pk-mobile-nav .menu,
.pk-footer-column .menu {
    list-style: none;
    margin: 0;
    padding: 0;
}
.pk-desktop-nav .menu { display: flex; align-items: center; gap: 25px; }
.pk-desktop-nav .menu > li { position: relative; }
.pk-desktop-nav .menu a {
    color: #40516a;
    font-size: 14px;
    font-weight: 700;
    transition: .2s ease;
    position: relative;
}
.pk-desktop-nav .menu a::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -9px;
    width: 0;
    height: 2px;
    border-radius: 99px;
    background: linear-gradient(90deg, var(--pk-secondary), var(--pk-primary));
    transition: .2s ease;
}
.pk-desktop-nav .menu a:hover { color: var(--pk-primary); }
.pk-desktop-nav .menu a:hover::after { width: 100%; }

.pk-header-actions { display: flex; align-items: center; gap: 14px; }
.pk-link-button { color: var(--pk-primary); font-size: 14px; font-weight: 800; padding: 10px 8px; }
.pk-button {
    border: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 48px;
    padding: 0 22px;
    border-radius: 15px;
    background: linear-gradient(135deg, var(--pk-primary), #3a7cff);
    color: #fff;
    font-weight: 800;
    box-shadow: 0 12px 28px rgba(23, 105, 245, .20);
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.pk-button:hover { transform: translateY(-2px); box-shadow: 0 16px 35px rgba(23,105,245,.28); color: #fff; }
.pk-button .pk-icon { width: 18px; height: 18px; transition: transform .2s ease; }
.pk-button:hover .pk-icon { transform: translateX(-3px); }
.pk-button-sm { min-height: 43px; padding: 0 18px; font-size: 13px; border-radius: 13px; }
.pk-button-lg { min-height: 56px; padding: 0 27px; border-radius: 17px; }
.pk-button-ghost {
    color: var(--pk-ink);
    background: rgba(255,255,255,.82);
    border: 1px solid var(--pk-line);
    box-shadow: none;
}
.pk-button-ghost:hover { color: var(--pk-primary); background: #fff; box-shadow: var(--pk-shadow-soft); }
.pk-button-light { background: #fff; color: var(--pk-primary); box-shadow: 0 14px 32px rgba(1, 36, 93, .18); }
.pk-button-light:hover { color: var(--pk-primary-dark); background: #f8fbff; }
.pk-button-block { width: 100%; }

.pk-menu-toggle {
    display: none;
    width: 46px;
    height: 46px;
    padding: 11px;
    border: 1px solid var(--pk-line);
    background: #fff;
    border-radius: 14px;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
}
.pk-menu-toggle span { width: 100%; height: 2px; border-radius: 5px; background: var(--pk-ink); }
.pk-menu-toggle span:nth-child(2) { width: 70%; }
.pk-mobile-panel,
.pk-menu-overlay { display: none; }

/* Hero */
.pk-hero {
    position: relative;
    overflow: hidden;
    padding: 150px 0 30px;
    background:
        radial-gradient(circle at 82% 17%, rgba(28,184,174,.11), transparent 27%),
        radial-gradient(circle at 15% 20%, rgba(40,111,246,.10), transparent 28%),
        linear-gradient(180deg, #fbfdff 0%, #f6faff 70%, #fff 100%);
}
.pk-grid-pattern {
    position: absolute;
    inset: 0;
    opacity: .38;
    background-image: linear-gradient(rgba(75,110,155,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(75,110,155,.045) 1px, transparent 1px);
    background-size: 42px 42px;
    pointer-events: none;
    mask-image: linear-gradient(to bottom, black 0, black 65%, transparent 100%);
}
.pk-orb { position: absolute; border-radius: 50%; filter: blur(3px); pointer-events: none; }
.pk-orb-one { width: 260px; height: 260px; left: -150px; top: 260px; background: rgba(25,101,242,.06); }
.pk-orb-two { width: 180px; height: 180px; right: -90px; top: 100px; background: rgba(15,181,167,.07); }
.pk-hero-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: .92fr 1.08fr;
    gap: 62px;
    align-items: center;
    min-height: 620px;
}
.pk-hero-copy { padding-bottom: 28px; }
.pk-badge,
.pk-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--pk-primary);
    font-size: 13px;
    font-weight: 900;
    letter-spacing: -.1px;
}
.pk-badge {
    padding: 8px 13px;
    background: rgba(255,255,255,.84);
    border: 1px solid #deebff;
    border-radius: 999px;
    box-shadow: 0 7px 26px rgba(39,99,173,.07);
}
.pk-badge .pk-icon { color: var(--pk-secondary); }
.pk-hero h1 {
    max-width: 600px;
    margin: 19px 0 17px;
    font-size: clamp(42px, 4.4vw, 66px);
    line-height: 1.18;
    letter-spacing: -2.3px;
    color: #0b1d37;
}
.pk-hero h1::after {
    content: "";
    display: inline-block;
    width: 68px;
    height: 9px;
    margin-right: 13px;
    border-radius: 99px;
    background: linear-gradient(90deg, var(--pk-secondary), var(--pk-primary));
    vertical-align: middle;
    transform: translateY(4px);
}
.pk-hero-lead {
    max-width: 610px;
    margin: 0;
    color: var(--pk-text);
    font-size: 17px;
    line-height: 2;
}
.pk-hero-actions { display: flex; gap: 12px; margin-top: 31px; }
.pk-hero-points { display: flex; flex-wrap: wrap; gap: 17px; margin-top: 25px; }
.pk-hero-points span { display: inline-flex; align-items: center; gap: 5px; color: #65748a; font-size: 12px; font-weight: 700; }
.pk-hero-points .pk-icon { width: 16px; height: 16px; color: var(--pk-secondary); }

.pk-hero-visual { position: relative; padding: 56px 0 55px 25px; }
.pk-dashboard-card {
    position: relative;
    overflow: hidden;
    border-radius: 25px;
    border: 1px solid #dfe8f5;
    background: #fff;
    box-shadow: 0 32px 80px rgba(26,64,113,.16);
    transform: perspective(1200px) rotateY(2.5deg) rotateX(1deg);
}
.pk-window-bar {
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    background: #fafcff;
    border-bottom: 1px solid #edf2f8;
}
.pk-window-title { color: #7e8ca0; font-size: 10px; font-weight: 700; }
.pk-window-dots { display: flex; gap: 5px; direction: ltr; }
.pk-window-dots i { width: 8px; height: 8px; border-radius: 50%; background: #dde6f1; }
.pk-window-dots i:first-child { background: #ff7979; }
.pk-window-dots i:nth-child(2) { background: #ffc767; }
.pk-window-dots i:last-child { background: #5fd2a0; }
.pk-dashboard-body { display: grid; grid-template-columns: 53px 1fr; direction: ltr; min-height: 375px; }
.pk-dash-side { background: #0f2748; padding: 18px 12px; display: flex; align-items: center; flex-direction: column; gap: 17px; }
.pk-dash-logo { width: 28px; height: 28px; border-radius: 9px; background: linear-gradient(135deg, var(--pk-secondary), var(--pk-primary)); margin-bottom: 10px; }
.pk-dash-side span { width: 22px; height: 7px; border-radius: 6px; background: #2b4262; }
.pk-dash-side span.is-active { height: 22px; border-radius: 7px; background: #2275ff; box-shadow: 0 6px 12px rgba(34,117,255,.3); }
.pk-dash-content { direction: rtl; padding: 19px 19px 20px; background: #f7faff; }
.pk-dash-welcome { display: flex; justify-content: space-between; align-items: center; }
.pk-dash-welcome div { display: flex; flex-direction: column; line-height: 1.5; }
.pk-dash-welcome small { font-size: 8px; color: #8d9aae; }
.pk-dash-welcome strong { font-size: 13px; color: #18304f; }
.pk-avatar { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 10px; color: #fff; font-size: 10px; font-weight: 900; background: linear-gradient(135deg, #34bdaf, #1d73f5); }
.pk-stat-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; margin-top: 18px; }
.pk-stat-row article { position: relative; min-height: 88px; padding: 11px 11px 9px; background: #fff; border: 1px solid #e8eff7; border-radius: 13px; display: grid; grid-template-columns: 30px 1fr; grid-template-areas: "icon label" "icon number" "icon trend"; column-gap: 8px; align-items: center; }
.pk-mini-icon { width: 30px; height: 30px; border-radius: 9px; display: grid; place-items: center; grid-area: icon; }
.pk-mini-icon .pk-icon { width: 17px; height: 17px; }
.pk-mini-icon.cyan { color: #069d91; background: #e4fbf7; }
.pk-mini-icon.blue { color: #1d6df0; background: #eaf2ff; }
.pk-mini-icon.violet { color: #7e5ae9; background: #f1ecff; }
.pk-stat-row article small { grid-area: label; font-size: 7.4px; color: #8a98aa; }
.pk-stat-row article strong { grid-area: number; font-size: 16px; color: #19314f; line-height: 1.3; }
.pk-stat-row article em { grid-area: trend; font-size: 7px; color: #19a584; font-style: normal; }
.pk-dash-panels { display: grid; grid-template-columns: 1.55fr .9fr; gap: 9px; margin-top: 10px; }
.pk-chart-card, .pk-appointments-card { background: #fff; border: 1px solid #e7eef6; border-radius: 13px; padding: 11px; min-height: 175px; }
.pk-panel-heading { display: flex; justify-content: space-between; align-items: center; }
.pk-panel-heading span { font-size: 9px; color: #203854; font-weight: 800; }
.pk-panel-heading small { font-size: 6.5px; color: #8b98aa; }
.pk-chart-svg { width: 100%; height: 108px; overflow: visible; }
.pk-chart-labels { display: flex; justify-content: space-around; margin-top: -5px; color: #a2adbb; font-size: 6.5px; }
.pk-patient-row { display: grid; grid-template-columns: 1fr auto 7px; gap: 6px; align-items: center; padding: 11px 0; border-bottom: 1px solid #eef3f8; }
.pk-patient-row:last-child { border-bottom: 0; }
.pk-patient-row b { font-size: 7px; color: #354a65; }
.pk-patient-row span { font-size: 7px; color: #7f8ca0; }
.pk-patient-row i { width: 6px; height: 6px; border-radius: 50%; }
.green-dot { background: #34c89b; }.orange-dot { background: #ffbd62; }

.pk-floating-card { position: absolute; z-index: 4; display: flex; align-items: center; gap: 9px; min-width: 205px; padding: 11px 12px; background: rgba(255,255,255,.96); border: 1px solid #e6edf6; border-radius: 14px; box-shadow: 0 15px 40px rgba(18,63,125,.14); backdrop-filter: blur(10px); }
.pk-floating-card div { display: flex; flex-direction: column; line-height: 1.5; }
.pk-floating-card small { font-size: 8px; color: #8c98a9; }
.pk-floating-card strong { font-size: 10px; color: #203650; }
.pk-floating-card-top { top: 18px; left: -25px; }
.pk-floating-card-bottom { bottom: 12px; right: 32px; }
.pk-success-check { margin-right: auto; width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; background: #e2f9f2; color: #17ad88; font-size: 11px; font-weight: 900; }
.pk-trust-strip { position: relative; z-index: 2; min-height: 70px; display: flex; align-items: center; justify-content: center; gap: 20px; color: #8693a5; font-size: 13px; }
.pk-trust-strip strong { color: #52647b; font-size: 12px; }
.pk-trust-strip i { width: 4px; height: 4px; border-radius: 50%; background: #cad5e2; }

/* Common section */
.pk-section { padding: 105px 0; }
.pk-section-heading { max-width: 720px; margin: 0 auto 52px; text-align: center; }
.pk-eyebrow { margin-bottom: 10px; }
.pk-section-heading h2,
.pk-benefit-copy h2,
.pk-tech-copy h2,
.pk-contact-copy h2 {
    margin: 0;
    font-size: clamp(20px, 2.5vw, 35px);
    line-height: 1.35;
    letter-spacing: -1.3px;
    color: #10243f;
}
.pk-section-heading p,
.pk-section-lead { margin: 15px 0 0; color: var(--pk-text); font-size: 15px; line-height: 2; }

/* Features */
.pk-features { background: #fff; }
.pk-feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.pk-feature-card { position: relative; overflow: hidden; min-height: 320px; padding: 27px; background: #fff; border: 1px solid var(--pk-line); border-radius: 24px; box-shadow: 0 10px 34px rgba(23,55,98,.055); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.pk-feature-card:hover { transform: translateY(-5px); box-shadow: 0 22px 50px rgba(23,55,98,.10); border-color: #d6e4f6; }
.pk-feature-card-wide { grid-column: span 2; min-height: 350px; display: grid; grid-template-columns: .86fr 1.14fr; align-items: center; gap: 20px; background: linear-gradient(135deg, #f4f9ff 0%, #fbfffe 100%); }
.pk-feature-icon { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 15px; color: var(--pk-primary); background: #edf4ff; margin-bottom: 22px; }
.pk-feature-icon .pk-icon { width: 24px; height: 24px; }
.pk-feature-card:nth-child(3) .pk-feature-icon, .pk-feature-card:nth-child(4) .pk-feature-icon { color: #0eaa9e; background: #e9fbf8; }
.pk-feature-card:nth-child(5) .pk-feature-icon { color: #7c5be8; background: #f2edff; }
.pk-feature-card h3 { margin: 0 0 9px; font-size: 20px; letter-spacing: -.5px; }
.pk-feature-card p { margin: 0; color: var(--pk-text); font-size: 13px; line-height: 2; }
.pk-feature-copy .pk-feature-icon { margin-bottom: 24px; }
.pk-feature-copy a { margin-top: 18px; color: var(--pk-primary); display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 900; }
.pk-feature-copy a .pk-icon { width: 15px; }
.pk-site-preview { align-self: end; height: 245px; margin-left: -28px; margin-bottom: -29px; background: #fff; border: 1px solid #dfe9f6; border-radius: 18px 18px 0 0; box-shadow: 0 24px 48px rgba(31,77,134,.12); overflow: hidden; }
.pk-browser { height: 26px; background: #f7f9fd; display: flex; align-items: center; gap: 4px; padding: 0 9px; direction: ltr; border-bottom: 1px solid #ecf1f7; }
.pk-browser span { width: 6px; height: 6px; border-radius: 50%; background: #d7e0eb; }
.pk-preview-hero { margin: 13px; height: 106px; border-radius: 12px; background: linear-gradient(135deg, #edf7ff, #eafbf8); position: relative; overflow: hidden; padding: 18px; }
.pk-preview-hero i { position: absolute; left: 25px; bottom: -5px; width: 82px; height: 95px; border-radius: 45px 45px 14px 14px; background: linear-gradient(135deg, #9dd7cf, #87a7da); opacity: .85; }
.pk-preview-hero b { display: block; width: 43%; height: 8px; border-radius: 8px; background: #3c5878; }
.pk-preview-hero small { display: block; width: 55%; height: 5px; border-radius: 8px; background: #b9c9d8; margin-top: 10px; }
.pk-preview-hero button { border: 0; margin-top: 17px; width: 70px; height: 20px; border-radius: 7px; background: #2372f3; }
.pk-preview-cards { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; padding: 0 13px; }
.pk-preview-cards i { height: 66px; border: 1px solid #edf1f6; border-radius: 10px; background: #fafcff; }
.pk-slot-preview { display: grid; grid-template-columns: repeat(2,1fr); gap: 7px; margin-top: 27px; direction: ltr; }
.pk-slot-preview span { height: 37px; display: grid; place-items: center; font-size: 11px; color: #6d7c91; background: #f7f9fc; border: 1px solid #e8edf4; border-radius: 10px; }
.pk-slot-preview span.active { color: #fff; background: var(--pk-primary); border-color: var(--pk-primary); box-shadow: 0 7px 15px rgba(23,105,245,.18); }
.pk-follow-preview { margin-top: 23px; border-top: 1px solid #eef2f6; }
.pk-follow-preview > div { display: grid; grid-template-columns: 34px 1fr auto; gap: 9px; align-items: center; padding: 11px 0; border-bottom: 1px solid #eef2f6; }
.pk-follow-preview i { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 10px; background: #e8f5ff; color: var(--pk-primary); font-size: 10px; font-style: normal; font-weight: 800; }
.pk-follow-preview span { display: flex; flex-direction: column; line-height: 1.5; }
.pk-follow-preview b { font-size: 10px; }.pk-follow-preview small { font-size: 8px; color: #8c98a8; }.pk-follow-preview em { font-size: 8px; color: #17a47f; font-style: normal; }
.pk-notification-preview { margin-top: 27px; display: grid; grid-template-columns: 38px 1fr 25px; gap: 10px; align-items: center; padding: 12px; border: 1px solid #e4eef8; border-radius: 13px; background: #f9fcff; box-shadow: 0 8px 20px rgba(24,70,128,.06); }
.pk-notification-preview > span { width: 36px; height: 36px; display: grid; place-items: center; color: #0fa697; background: #e7faf6; border-radius: 10px; }
.pk-notification-preview span .pk-icon { width: 18px; }.pk-notification-preview div { display: flex; flex-direction: column; line-height: 1.5; }.pk-notification-preview b { font-size: 10px; }.pk-notification-preview small { font-size: 8px; color: #8b99ab; }.pk-notification-preview i { width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; background: #e7f9f2; color: #16a67f; font-style: normal; font-size: 10px; }
.pk-bars { height: 100px; margin-top: 20px; display: flex; align-items: end; gap: 8px; padding: 0 5px; border-bottom: 1px solid #e8edf4; }
.pk-bars i { flex: 1; border-radius: 6px 6px 0 0; background: linear-gradient(180deg, #8b72ed, #b4a5f4); opacity: .86; }

/* Benefits */
.pk-benefits { background: var(--pk-bg); overflow: hidden; }
.pk-split { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 80px; }
.pk-benefit-copy .pk-eyebrow { margin-bottom: 12px; }
.pk-benefit-copy .pk-section-lead { max-width: 590px; }
.pk-benefit-list { margin-top: 33px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 25px 20px; }
.pk-benefit-list article { display: grid; grid-template-columns: 45px 1fr; gap: 12px; }
.pk-benefit-list article > span { width: 44px; height: 44px; display: grid; place-items: center; color: var(--pk-primary); background: #eaf2ff; border-radius: 13px; }
.pk-benefit-list article:nth-child(2) > span, .pk-benefit-list article:nth-child(3) > span { color: #0ba89b; background: #e6f9f5; }
.pk-benefit-list .pk-icon { width: 21px; height: 21px; }.pk-benefit-list h3 { margin: 0 0 4px; font-size: 14px; }.pk-benefit-list p { margin: 0; color: var(--pk-text); font-size: 11px; line-height: 1.85; }
.pk-benefit-visual { min-height: 540px; position: relative; display: grid; place-items: center; }
.pk-benefit-visual::before { content: ""; position: absolute; width: 390px; height: 390px; border-radius: 50%; background: linear-gradient(135deg, rgba(38,111,244,.12), rgba(13,181,167,.12)); filter: blur(1px); }
.pk-phone-shell { position: relative; z-index: 2; width: 245px; height: 490px; padding: 9px; border-radius: 38px; background: #112441; box-shadow: 0 35px 70px rgba(17,43,82,.24); transform: rotate(2deg); }
.pk-phone-notch { position: absolute; top: 10px; left: 50%; transform: translateX(-50%); z-index: 4; width: 83px; height: 18px; border-radius: 0 0 13px 13px; background: #112441; }
.pk-phone-screen { height: 100%; border-radius: 30px; background: #f8fbff; overflow: hidden; padding: 31px 14px 14px; }
.pk-app-top { display: flex; align-items: center; justify-content: space-between; }.pk-app-top span { font-size: 12px; font-weight: 800; }.pk-app-top i { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 9px; background: linear-gradient(135deg, #1d72f3, #17b1a7); color: #fff; font-size: 10px; font-style: normal; }
.pk-app-date { margin-top: 17px; padding: 15px; color: #fff; background: linear-gradient(135deg, #176af0, #2a7cf6); border-radius: 14px; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 12px 22px rgba(23,105,245,.2); }.pk-app-date small { font-size: 9px; }.pk-app-date strong { font-size: 17px; }
.pk-app-progress { height: 5px; margin: 13px 3px 15px; background: #e7edf5; border-radius: 999px; overflow: hidden; }.pk-app-progress span { display: block; height: 100%; border-radius: inherit; background: #12ad9e; }
.pk-app-list > div { display: grid; grid-template-columns: 35px 1fr auto; gap: 8px; align-items: center; padding: 12px 4px; border-bottom: 1px solid #e9eef5; }.pk-app-list i { width: 33px; height: 33px; display: grid; place-items: center; border-radius: 10px; background: #eaf3ff; color: #1c6ef0; font-style: normal; font-size: 10px; font-weight: 800; }.pk-app-list span { display: flex; flex-direction: column; line-height: 1.5; }.pk-app-list b { font-size: 9px; }.pk-app-list small { font-size: 7px; color: #8c99aa; }.pk-app-list em { padding: 4px 6px; border-radius: 6px; background: #e9f9f3; color: #1da47f; font-style: normal; font-size: 6px; }.pk-app-list em.waiting { background: #fff3df; color: #d89531; }
.pk-app-nav { position: absolute; bottom: 16px; left: 23px; right: 23px; height: 43px; display: flex; align-items: center; justify-content: space-around; border-radius: 14px; background: #fff; box-shadow: 0 8px 18px rgba(30,62,99,.09); }.pk-app-nav span { width: 16px; height: 5px; border-radius: 5px; background: #cad5e2; }.pk-app-nav span.active { width: 24px; background: #176af0; }
.pk-benefit-float { position: absolute; z-index: 3; padding: 13px 14px; border: 1px solid #e2eaf4; background: rgba(255,255,255,.95); border-radius: 15px; box-shadow: 0 18px 40px rgba(18,55,101,.12); }.pk-benefit-float.one { top: 100px; right: 4px; display: flex; flex-direction: column; line-height: 1.35; }.pk-benefit-float.one strong { color: var(--pk-secondary); font-size: 22px; }.pk-benefit-float.one span { color: #7e8b9d; font-size: 8px; }.pk-benefit-float.two { left: -2px; bottom: 107px; display: flex; align-items: center; gap: 9px; }.pk-benefit-float.two b { font-size: 9px; }.pk-benefit-float.two .pk-mini-icon { width: 31px; height: 31px; }

/* Apps */
.pk-apps { position: relative; overflow: hidden; background: linear-gradient(135deg, #07182d, #0d2a4c 70%, #0b355a); }
.pk-apps::before, .pk-apps::after { content: ""; position: absolute; border-radius: 50%; filter: blur(1px); }
.pk-apps::before { width: 420px; height: 420px; top: -250px; left: -80px; background: rgba(35,112,244,.18); }.pk-apps::after { width: 330px; height: 330px; right: -170px; bottom: -170px; background: rgba(12,177,165,.12); }
.pk-section-heading-light { position: relative; z-index: 2; }.pk-section-heading-light h2 { color: #fff; }.pk-section-heading-light p { color: #aebfd3; }.pk-section-heading-light .pk-eyebrow { color: #58d5c9; }
.pk-device-grid { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; align-items: stretch; }
.pk-device-grid article { position: relative; overflow: hidden; min-height: 350px; padding: 28px; border: 1px solid rgba(255,255,255,.11); background: rgba(255,255,255,.055); border-radius: 24px; text-align: center; color: #fff; backdrop-filter: blur(9px); }.pk-device-grid article.featured { background: linear-gradient(180deg, rgba(36,116,248,.24), rgba(255,255,255,.065)); border-color: rgba(92,151,255,.35); transform: translateY(-10px); }
.pk-device-icon { width: 52px; height: 52px; display: grid; place-items: center; margin: 0 auto 14px; border-radius: 16px; color: #65d8cc; background: rgba(44,199,185,.12); border: 1px solid rgba(101,216,204,.15); }.pk-device-grid article.featured .pk-device-icon { color: #74a7ff; background: rgba(65,127,244,.14); border-color: rgba(110,165,255,.18); }.pk-device-icon .pk-icon { width: 25px; height: 25px; }
.pk-device-grid h3 { margin: 0 0 7px; font-size: 18px; }.pk-device-grid p { max-width: 260px; margin: 0 auto; color: #aebed1; font-size: 12px; line-height: 1.8; }
.pk-app-badge { position: absolute; top: 17px; left: 17px; padding: 4px 9px; border-radius: 999px; background: #1f72f4; color: #fff; font-size: 8px; font-weight: 800; }
.pk-device-browser { position: absolute; left: 28px; right: 28px; bottom: -12px; height: 130px; border-radius: 14px 14px 0 0; background: #f7fbff; border: 5px solid #243b58; box-shadow: 0 -10px 32px rgba(0,0,0,.15); overflow: hidden; }.pk-device-browser div { height: 24px; background: #e9f0f8; }.pk-device-browser span { display: block; margin: 17px 16px 0; height: 9px; width: 65%; border-radius: 5px; background: #d1ddeb; }.pk-device-browser span:last-child { width: 42%; background: #8ab3f7; }
.pk-device-phone { position: absolute; width: 125px; height: 220px; left: 50%; transform: translateX(-50%); bottom: -45px; border: 6px solid #1f3654; border-radius: 25px; background: #f7fbff; padding: 28px 12px 12px; }.pk-device-phone::before { content: ""; position: absolute; width: 45px; height: 8px; background: #1f3654; border-radius: 0 0 8px 8px; top: 0; left: 50%; transform: translateX(-50%); }.pk-device-phone span { display: block; height: 39px; border-radius: 9px; background: linear-gradient(135deg, #2b77f5, #38bdb2); }.pk-device-phone i { display: block; height: 8px; margin-top: 11px; border-radius: 5px; background: #d4e0ed; }.pk-device-phone i:nth-child(3) { width: 70%; }.pk-device-phone i:nth-child(4) { height: 45px; background: #edf3f9; }
.pk-device-desktop { position: absolute; left: 28px; right: 28px; bottom: 18px; height: 115px; border: 5px solid #273e5a; background: #f8fbff; border-radius: 10px; padding: 13px; }.pk-device-desktop::after { content: ""; position: absolute; width: 70px; height: 10px; bottom: -14px; left: 50%; transform: translateX(-50%); border-radius: 0 0 10px 10px; background: #273e5a; }.pk-device-desktop span { display: block; width: 43%; height: 7px; border-radius: 4px; background: #7c9fc8; }.pk-device-desktop i { display: inline-block; width: 42%; height: 55px; margin: 12px 2px 0; border-radius: 7px; background: #eaf1f8; }.pk-device-desktop i:last-child { background: linear-gradient(180deg,#ecf4ff,#d9e8fc); }

/* Workflow */
.pk-workflow { background: #fff; }
.pk-steps { position: relative; display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; }
.pk-steps::before { content: ""; position: absolute; top: 38px; right: 12%; left: 12%; height: 1px; border-top: 1px dashed #cdd9e7; z-index: 0; }
.pk-steps article { position: relative; z-index: 1; text-align: center; padding: 0 12px; }.pk-steps article > span { position: absolute; top: -10px; right: calc(50% + 25px); color: #c6d2df; font-size: 10px; font-weight: 800; }.pk-step-icon { width: 76px; height: 76px; margin: 0 auto 17px; display: grid; place-items: center; border: 8px solid #fff; border-radius: 24px; color: var(--pk-primary); background: #edf4ff; box-shadow: 0 0 0 1px #e1eaf4; }.pk-steps article:nth-child(even) .pk-step-icon { color: #0ba89b; background: #e7faf6; }.pk-step-icon .pk-icon { width: 27px; height: 27px; }.pk-steps h3 { margin: 0 0 7px; font-size: 15px; }.pk-steps p { margin: 0; color: var(--pk-text); font-size: 11px; line-height: 1.9; }

/* Technology */
.pk-tech { padding-top: 15px; background: #fff; }
.pk-tech-card { position: relative; overflow: hidden; display: grid; grid-template-columns: 1fr .88fr; gap: 60px; align-items: center; padding: 55px; border: 1px solid #deebf8; border-radius: 32px; background: linear-gradient(135deg, #f5f9ff, #f6fffd); }
.pk-tech-card::after { content: ""; position: absolute; width: 230px; height: 230px; left: -90px; top: -100px; border-radius: 50%; background: rgba(33,111,246,.07); }.pk-tech-copy { position: relative; z-index: 2; }.pk-tech-copy p { margin: 14px 0 0; color: var(--pk-text); font-size: 13px; line-height: 2; }.pk-tech-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; direction: ltr; justify-content: flex-end; }.pk-tech-tags span { padding: 7px 11px; border: 1px solid #dce8f5; border-radius: 999px; background: #fff; color: #54708e; font: 700 9px/1.2 "Segoe UI",sans-serif; }
.pk-code-card { position: relative; z-index: 2; overflow: hidden; border-radius: 20px; background: #0a1a30; box-shadow: 0 20px 50px rgba(13,39,76,.2); }.pk-code-top { height: 37px; display: flex; align-items: center; gap: 6px; padding: 0 13px; background: #10243f; }.pk-code-top span { width: 7px; height: 7px; border-radius: 50%; background: #31465e; }.pk-code-top span:first-child { background: #ff7474; }.pk-code-top span:nth-child(2) { background: #ffc160; }.pk-code-top span:nth-child(3) { background: #55d49f; }.pk-code-top small { margin-left: 8px; color: #7890aa; font: 600 9px/1 monospace; }.pk-code-card pre { margin: 0; padding: 25px; overflow: auto; color: #9ab0c6; font: 13px/1.9 Consolas,monospace; }.pk-code-card b { color: #c987ff; }.pk-code-card em { color: #57d8bd; font-style: normal; }.pk-code-card strong { color: #6fa7ff; }

/* Contact */
.pk-contact-section { background: #f7faff; }
.pk-contact-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 65px; align-items: center; }
.pk-contact-copy > p { margin: 16px 0 0; color: var(--pk-text); font-size: 14px; line-height: 2; max-width: 530px; }.pk-contact-cards { display: grid; grid-template-columns: repeat(2,1fr); gap: 11px; margin-top: 28px; }.pk-contact-cards a { display: flex; align-items: center; gap: 11px; padding: 14px; border: 1px solid #e1eaf4; border-radius: 16px; background: #fff; transition: .2s; }.pk-contact-cards a:hover { transform: translateY(-2px); border-color: #cadcf3; box-shadow: var(--pk-shadow-soft); }.pk-contact-cards a > span { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; color: var(--pk-primary); background: #edf4ff; }.pk-contact-cards a:nth-child(2) > span { color: #0da79c; background: #e9faf7; }.pk-contact-cards .pk-icon { width: 19px; height: 19px; }.pk-contact-cards div { display: flex; flex-direction: column; line-height: 1.5; }.pk-contact-cards small { font-size: 8px; color: #8a97a8; }.pk-contact-cards strong { font-size: 10px; color: #324a65; }
.pk-contact-note { display: flex; align-items: center; gap: 7px; margin-top: 17px; color: #8996a6; font-size: 10px; }.pk-contact-note .pk-icon { width: 16px; height: 16px; color: #0ba69a; }
.pk-form-card { padding: 30px; border: 1px solid #dde8f5; border-radius: 25px; background: #fff; box-shadow: 0 22px 55px rgba(24,62,113,.10); }.pk-form-heading { display: flex; flex-direction: column; margin-bottom: 19px; }.pk-form-heading span { font-size: 19px; font-weight: 900; }.pk-form-heading small { margin-top: 4px; color: #8895a7; font-size: 10px; }
.pk-form-placeholder { padding: 20px; border: 1px dashed #cdd9e7; background: #f8fbff; border-radius: 15px; text-align: center; }.pk-form-placeholder strong { font-size: 14px; }.pk-form-placeholder p { color: var(--pk-text); font-size: 11px; }.pk-form-placeholder code { display: block; direction: ltr; text-align: left; overflow-wrap: anywhere; padding: 10px; border-radius: 8px; background: #eef3f9; color: #41617f; font-size: 9px; }

/* Gravity Forms styling */
.pk-form-card .gform_wrapper { margin: 0 !important; }
.pk-form-card .gform_wrapper.gravity-theme .gform_fields { grid-row-gap: 14px; grid-column-gap: 12px; }
.pk-form-card .gform_wrapper.gravity-theme .gfield_label { font-size: 11px; font-weight: 800; color: #344a65; margin-bottom: 6px; }
.pk-form-card .gform_wrapper input[type="text"],
.pk-form-card .gform_wrapper input[type="email"],
.pk-form-card .gform_wrapper input[type="tel"],
.pk-form-card .gform_wrapper input[type="number"],
.pk-form-card .gform_wrapper input[type="url"],
.pk-form-card .gform_wrapper select,
.pk-form-card .gform_wrapper textarea {
    width: 100%;
    border: 1px solid #dfe7f1 !important;
    background: #fbfdff !important;
    border-radius: 12px !important;
    color: #233b58 !important;
    box-shadow: none !important;
    transition: .2s ease !important;
}
.pk-form-card .gform_wrapper input[type="text"], .pk-form-card .gform_wrapper input[type="email"], .pk-form-card .gform_wrapper input[type="tel"], .pk-form-card .gform_wrapper input[type="number"], .pk-form-card .gform_wrapper input[type="url"], .pk-form-card .gform_wrapper select { min-height: 46px; padding: 0 12px !important; }
.pk-form-card .gform_wrapper textarea { padding: 12px !important; min-height: 110px; }
.pk-form-card .gform_wrapper input:focus, .pk-form-card .gform_wrapper select:focus, .pk-form-card .gform_wrapper textarea:focus { border-color: #89b6fb !important; background: #fff !important; box-shadow: 0 0 0 4px rgba(23,105,245,.07) !important; outline: none; }
.pk-form-card .gform_wrapper .gform_footer { margin: 15px 0 0 !important; padding: 0 !important; }
.pk-form-card .gform_wrapper .gform_button { width: 100%; min-height: 50px; border: 0 !important; border-radius: 13px !important; background: linear-gradient(135deg, var(--pk-primary), #3c7eff) !important; color: #fff !important; font-weight: 900 !important; cursor: pointer; box-shadow: 0 12px 28px rgba(23,105,245,.18); }
.pk-form-card .gform_wrapper .validation_message { border-radius: 10px; font-size: 10px; }

/* Final CTA */
.pk-final-cta { padding: 0 0 75px; background: #f7faff; }.pk-final-cta-inner { position: relative; overflow: hidden; min-height: 190px; padding: 42px 48px; display: flex; align-items: center; justify-content: space-between; gap: 30px; border-radius: 29px; background: linear-gradient(120deg, #1769f5, #1160e5 55%, #0db3a5 150%); color: #fff; box-shadow: 0 24px 60px rgba(24,94,210,.22); }.pk-final-cta-inner::after { content: ""; position: absolute; width: 220px; height: 220px; border-radius: 50%; background: rgba(255,255,255,.08); left: -80px; top: -100px; }.pk-final-cta span { color: #dbe9ff; font-size: 11px; font-weight: 800; }.pk-final-cta h2 { margin: 5px 0 0; font-size: clamp(24px, 2.8vw, 36px); line-height: 1.4; }.pk-final-cta .pk-button { position: relative; z-index: 2; flex: 0 0 auto; }

/* Footer */
.pk-footer { padding: 65px 0 22px; background: #071528; color: #fff; }.pk-footer-main { display: grid; grid-template-columns: 1.35fr .7fr .75fr; gap: 70px; padding-bottom: 44px; }.pk-footer-brand .pk-brand-copy strong { color: #fff; }.pk-footer-brand .pk-brand-copy small { color: #8293aa; }.pk-footer-brand p { max-width: 430px; margin: 20px 0 0; color: #92a2b7; font-size: 11px; line-height: 2; }.pk-footer-column h3 { margin: 0 0 18px; color: #e9f0f8; font-size: 13px; }.pk-footer-column .menu { display: grid; gap: 9px; }.pk-footer-column .menu a { color: #93a4b9; font-size: 11px; transition: .2s; }.pk-footer-column .menu a:hover { color: #fff; padding-right: 3px; }.pk-contact-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 11px; }.pk-contact-list li { display: flex; justify-content: space-between; gap: 20px; color: #91a2b7; font-size: 10px; }.pk-contact-list a { color: #cbd6e2; }.pk-footer-bottom { min-height: 58px; border-top: 1px solid rgba(255,255,255,.08); display: flex; align-items: end; justify-content: space-between; gap: 20px; color: #71859e; font-size: 9px; }.pk-footer-bottom p { margin: 0; }.pk-footer-meta { display: flex; align-items: center; gap: 8px; }.pk-footer-meta .pk-dot { width: 4px; height: 4px; border-radius: 50%; background: #35506e; }
.pk-floating-chat { position: fixed; z-index: 950; left: 22px; bottom: 22px; min-height: 50px; display: inline-flex; align-items: center; gap: 8px; padding: 0 16px; border-radius: 999px; background: #0db3a4; color: #fff; box-shadow: 0 15px 35px rgba(13,179,164,.28); font-size: 11px; font-weight: 900; transition: .2s; }.pk-floating-chat:hover { color: #fff; transform: translateY(-3px); }.pk-floating-chat .pk-icon { width: 20px; height: 20px; }

/* Content pages */
.pk-content-page { padding: 135px 0 80px; min-height: 70vh; background: #f8fbff; }.pk-post-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 22px; }.pk-post-card { overflow: hidden; background: #fff; border: 1px solid #e2eaf4; border-radius: 20px; box-shadow: var(--pk-shadow-soft); }.pk-post-thumb { display: block; aspect-ratio: 16/9; overflow: hidden; }.pk-post-thumb img { width: 100%; height: 100%; object-fit: cover; transition: .3s; }.pk-post-card:hover .pk-post-thumb img { transform: scale(1.03); }.pk-post-body { padding: 22px; }.pk-post-body > small, .pk-single-header small { color: #8895a6; font-size: 10px; }.pk-post-body h2 { margin: 7px 0 10px; font-size: 18px; line-height: 1.6; }.pk-post-body p { color: var(--pk-text); font-size: 12px; }.pk-read-more { display: inline-flex; align-items: center; gap: 5px; color: var(--pk-primary); font-size: 11px; font-weight: 900; }.pk-read-more .pk-icon { width: 14px; }.pk-single-container { max-width: 900px; }.pk-single-card { padding: 38px; background: #fff; border: 1px solid #e2eaf4; border-radius: 24px; box-shadow: var(--pk-shadow-soft); }.pk-single-header h1 { margin: 6px 0 0; font-size: clamp(28px,4vw,44px); line-height: 1.5; }.pk-single-cover { margin: 25px 0; border-radius: 18px; overflow: hidden; }.pk-entry-content { color: #3b5069; }.pk-entry-content h2, .pk-entry-content h3 { color: #172f4d; }.pk-entry-content a { color: var(--pk-primary); text-decoration: underline; }.pk-entry-content img { border-radius: 14px; }.pk-empty-state { text-align: center; padding: 80px 0; }

/* Responsive */
@media (max-width: 1080px) {
    .pk-header-inner { gap: 20px; }
    .pk-desktop-nav .menu { gap: 15px; }
    .pk-desktop-nav .menu a { font-size: 12px; }
    .pk-link-button { display: none; }
    .pk-hero-grid { gap: 35px; }
    .pk-hero h1 { font-size: 48px; }
    .pk-floating-card-top { left: -5px; }
    .pk-split { gap: 40px; }
    .pk-benefit-list { grid-template-columns: 1fr; gap: 18px; }
    .pk-contact-grid { gap: 38px; }
}

@media (max-width: 900px) {
    .admin-bar .pk-header { top: 46px; }
    .pk-header-inner { min-height: 74px; }
    .pk-desktop-nav, .pk-header-actions { display: none; }
    .pk-menu-toggle { display: flex; margin-right: auto; }
    .pk-logo-wrap { margin-left: 0; }
    .pk-brand-copy small { display: none; }
    .pk-mobile-panel {
        display: block;
        position: fixed;
        z-index: 1200;
        top: 0;
        right: 0;
        width: min(86vw, 360px);
        height: 100dvh;
        padding: 22px;
        background: #fff;
        box-shadow: -20px 0 60px rgba(9,32,62,.18);
        transform: translateX(110%);
        transition: transform .28s ease;
    }
    .admin-bar .pk-mobile-panel { top: 46px; height: calc(100dvh - 46px); }
    .pk-mobile-panel.is-open { transform: translateX(0); }
    .pk-menu-overlay { display: block; position: fixed; z-index: 1150; inset: 0; background: rgba(5,21,42,.48); opacity: 0; visibility: hidden; transition: .25s; }
    .pk-menu-overlay.is-open { opacity: 1; visibility: visible; }
    .pk-mobile-panel-top { display: flex; align-items: center; justify-content: space-between; padding-bottom: 18px; border-bottom: 1px solid #edf1f6; }
    .pk-mobile-close { width: 38px; height: 38px; border: 0; border-radius: 12px; background: #f4f7fb; color: #27415f; font-size: 26px; line-height: 1; }
    .pk-mobile-nav { padding: 18px 0; }
    .pk-mobile-nav .menu { display: grid; }
    .pk-mobile-nav .menu a { display: block; padding: 12px 4px; border-bottom: 1px solid #f0f3f7; color: #304966; font-size: 14px; font-weight: 800; }
    .pk-mobile-cta { position: absolute; bottom: 22px; left: 22px; right: 22px; }

    .pk-hero { padding-top: 115px; }
    .pk-hero-grid { grid-template-columns: 1fr; min-height: auto; text-align: center; }
    .pk-hero-copy { max-width: 710px; margin: 0 auto; }
    .pk-hero h1 { max-width: 720px; margin-inline: auto; font-size: clamp(40px,8vw,58px); }
    .pk-hero-lead { margin-inline: auto; }
    .pk-hero-actions, .pk-hero-points { justify-content: center; }
    .pk-hero-visual { max-width: 700px; width: 100%; margin: 0 auto; padding-right: 20px; }
    .pk-feature-grid { grid-template-columns: repeat(2,1fr); }
    .pk-feature-card-wide { grid-column: span 2; }
    .pk-split { grid-template-columns: 1fr; }
    .pk-benefit-copy { order: -1; text-align: center; }
    .pk-benefit-copy .pk-section-lead { margin-inline: auto; }
    .pk-benefit-list { grid-template-columns: repeat(2,1fr); text-align: right; }
    .pk-benefit-visual { min-height: 510px; }
    .pk-device-grid { grid-template-columns: 1fr; max-width: 650px; margin: 0 auto; }
    .pk-device-grid article, .pk-device-grid article.featured { min-height: 300px; transform: none; }
    .pk-device-browser, .pk-device-desktop { left: 18%; right: 18%; }
    .pk-steps { grid-template-columns: repeat(2,1fr); row-gap: 45px; }
    .pk-steps::before { display: none; }
    .pk-tech-card { grid-template-columns: 1fr; gap: 35px; }
    .pk-tech-copy { text-align: center; }.pk-tech-tags { justify-content: center; }
    .pk-contact-grid { grid-template-columns: 1fr; }.pk-contact-copy { text-align: center; }.pk-contact-copy > p { margin-inline: auto; }.pk-contact-note { justify-content: center; }
    .pk-footer-main { grid-template-columns: 1fr 1fr; }.pk-footer-brand { grid-column: span 2; }
    .pk-post-grid { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 620px) {
    .pk-container { width: min(calc(100% - 28px), var(--pk-container)); }
    .pk-section { padding: 75px 0; }
    .pk-header-inner { min-height: 68px; }
    .pk-brand-mark { width: 40px; height: 40px; }.pk-brand-copy strong { font-size: 16px; }
    .pk-hero { padding-top: 98px; }
    .pk-hero h1 { font-size: 38px; letter-spacing: -1.4px; }.pk-hero h1::after { width: 42px; height: 7px; }
    .pk-hero-lead { font-size: 14px; line-height: 2; }
    .pk-hero-actions { flex-direction: column; align-items: stretch; }.pk-hero-actions .pk-button { width: 100%; }
    .pk-hero-points { gap: 10px 13px; }.pk-hero-points span { font-size: 10px; }
    .pk-hero-visual { padding: 35px 0 44px; }
    .pk-dashboard-card { border-radius: 17px; transform: none; }
    .pk-window-bar { height: 32px; }.pk-dashboard-body { grid-template-columns: 38px 1fr; min-height: 270px; }.pk-dash-side { padding: 11px 8px; gap: 11px; }.pk-dash-logo { width: 21px; height: 21px; }.pk-dash-side span { width: 16px; height: 5px; }.pk-dash-side span.is-active { height: 16px; }
    .pk-dash-content { padding: 11px; }.pk-stat-row { gap: 5px; margin-top: 10px; }.pk-stat-row article { min-height: 66px; padding: 6px; grid-template-columns: 23px 1fr; column-gap: 4px; }.pk-mini-icon { width: 23px; height: 23px; border-radius: 7px; }.pk-mini-icon .pk-icon { width: 13px; height: 13px; }.pk-stat-row article small { font-size: 5px; }.pk-stat-row article strong { font-size: 11px; }.pk-stat-row article em { font-size: 5px; }.pk-dash-panels { gap: 5px; margin-top: 6px; grid-template-columns: 1.3fr .9fr; }.pk-chart-card,.pk-appointments-card { min-height: 123px; padding: 7px; border-radius: 9px; }.pk-chart-svg { height: 74px; }.pk-panel-heading span { font-size: 6px; }.pk-panel-heading small,.pk-chart-labels { font-size: 4.5px; }.pk-patient-row { padding: 7px 0; grid-template-columns: 1fr auto 5px; gap: 3px; }.pk-patient-row b,.pk-patient-row span { font-size: 5px; }
    .pk-floating-card { min-width: 154px; padding: 8px; gap: 6px; }.pk-floating-card-top { top: 6px; left: -4px; }.pk-floating-card-bottom { bottom: 12px; right: 8px; }.pk-floating-card small { font-size: 6px; }.pk-floating-card strong { font-size: 7px; }.pk-success-check { width: 16px; height: 16px; font-size: 8px; }
    .pk-trust-strip { overflow-x: auto; justify-content: flex-start; min-height: 55px; white-space: nowrap; padding-bottom: 4px; }.pk-trust-strip span,.pk-trust-strip strong { font-size: 9px; }

    .pk-section-heading { margin-bottom: 35px; }.pk-section-heading h2,.pk-benefit-copy h2,.pk-tech-copy h2,.pk-contact-copy h2 { font-size: 29px; letter-spacing: -.7px; }.pk-section-heading p,.pk-section-lead { font-size: 13px; }.pk-eyebrow { font-size: 11px; }
    .pk-feature-grid { grid-template-columns: 1fr; }.pk-feature-card,.pk-feature-card-wide { grid-column: auto; min-height: auto; display: block; padding: 22px; }.pk-feature-card-wide { padding-bottom: 0; }.pk-site-preview { margin: 24px -8px 0; height: 210px; }.pk-feature-card h3 { font-size: 18px; }
    .pk-benefit-list { grid-template-columns: 1fr; }.pk-benefit-list article { text-align: right; }.pk-benefit-visual { min-height: 480px; }.pk-phone-shell { width: 220px; height: 450px; }.pk-benefit-float.one { right: -6px; top: 105px; }.pk-benefit-float.two { left: -8px; bottom: 90px; }
    .pk-device-grid article, .pk-device-grid article.featured { min-height: 310px; padding: 24px; }.pk-device-browser,.pk-device-desktop { left: 10%; right: 10%; }
    .pk-steps { grid-template-columns: 1fr; gap: 34px; }.pk-steps article { max-width: 310px; margin: 0 auto; }
    .pk-tech-card { width: min(calc(100% - 28px), var(--pk-container)); padding: 28px 20px; border-radius: 24px; }.pk-code-card pre { font-size: 10px; padding: 18px; }
    .pk-contact-cards { grid-template-columns: 1fr; }.pk-form-card { padding: 22px 18px; }
    .pk-final-cta { padding-bottom: 55px; }.pk-final-cta-inner { min-height: 260px; padding: 32px 24px; flex-direction: column; text-align: center; justify-content: center; }.pk-final-cta .pk-button { width: 100%; }
    .pk-footer-main { grid-template-columns: 1fr; gap: 35px; }.pk-footer-brand { grid-column: auto; }.pk-footer-bottom { align-items: flex-start; flex-direction: column; padding-top: 20px; }.pk-footer-meta { flex-wrap: wrap; }
    .pk-floating-chat { width: 50px; padding: 0; justify-content: center; }
    .pk-post-grid { grid-template-columns: 1fr; }.pk-single-card { padding: 24px 18px; }.pk-content-page { padding-top: 105px; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}


/* ==================================================
   Doctor Personal Website / Branding
================================================== */

.pk-brand-feature {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    align-items: center;
    gap: 45px;
    padding: 42px 46px;
    overflow: hidden;
}


/* =============================
   Content
============================= */

.pk-brand-copy {
    position: relative;
    z-index: 2;
}

.pk-brand-kicker {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    margin-bottom: 13px;

    border-radius: 100px;

    background: rgba(20, 170, 162, .09);
    color: #129e98;

    font-size: 12px;
    font-weight: 800;
}

.pk-brand-copy h3 {
    margin: 0 0 14px;

    color: #172c40;

    font-size: clamp(26px, 2.8vw, 36px);
    line-height: 1.55;
    font-weight: 900;
}

.pk-brand-copy h3 span {
    color: #159f99;
}

.pk-brand-description {
    max-width: 610px;
    margin: 0 0 23px;

    color: #667689;

    font-size: 14px;
    line-height: 2;
}


/* =============================
   Benefits
============================= */

.pk-brand-benefits {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 14px 22px;

    margin-bottom: 24px;
}

.pk-brand-benefit {
    display: flex;
    align-items: flex-start;

    gap: 10px;
}

.pk-brand-check {
    flex: 0 0 24px;

    width: 24px;
    height: 24px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-top: 2px;

    border-radius: 50%;

    background: linear-gradient(
            135deg,
            #1ab5ad,
            #40d6cf
    );

    color: #fff;

    font-size: 12px;
    font-weight: 900;

    box-shadow:
            0 5px 14px rgba(24, 180, 172, .18);
}

.pk-brand-benefit strong {
    display: block;

    margin-bottom: 3px;

    color: #263b4e;

    font-size: 13px;
    line-height: 1.7;
    font-weight: 900;
}

.pk-brand-benefit small {
    display: block;

    color: #84919e;

    font-size: 11px;
    line-height: 1.75;
}


/* =============================
   Link
============================= */

.pk-brand-link {
    display: inline-flex;
    align-items: center;

    gap: 8px;

    color: #159f99;

    font-size: 13px;
    font-weight: 800;

    text-decoration: none;

    transition: .25s ease;
}

.pk-brand-link svg {
    width: 17px;
    height: 17px;

    transition: .25s ease;
}

.pk-brand-link:hover {
    color: #0e7f7a;
}

.pk-brand-link:hover svg {
    transform: translateX(-4px);
}


/* ==================================================
   Visual
================================================== */

.pk-brand-visual {
    position: relative;

    width: 100%;
    max-width: 500px;

    min-height: 390px;

    margin: 0 auto;

    display: flex;
    align-items: center;
    justify-content: center;
}

.pk-brand-visual::before {
    content: "";

    position: absolute;

    width: 360px;
    height: 360px;

    border-radius: 50%;

    background:
            radial-gradient(
                    circle,
                    rgba(33, 190, 181, .13),
                    transparent 67%
            );
}


/* =============================
   Google Search
============================= */

.pk-brand-search {
    position: absolute;

    z-index: 8;

    top: 12px;
    left: 45px;
    right: 45px;

    display: flex;
    align-items: center;

    gap: 9px;

    padding: 9px 12px;

    border-radius: 13px;

    background: #fff;

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

.pk-brand-google {
    width: 27px;
    height: 27px;

    flex: 0 0 27px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #f4f6f8;

    color: #4285f4;

    font-size: 14px;
    font-weight: 900;
}

.pk-brand-search small {
    display: block;

    margin-bottom: 2px;

    color: #a2adb7;

    font-size: 6px;
}

.pk-brand-search strong {
    display: block;

    color: #526373;

    font-size: 8px;
}


/* =============================
   Browser
============================= */

.pk-brand-browser {
    position: relative;

    z-index: 3;

    width: 92%;

    overflow: hidden;

    border: 6px solid #243c50;

    border-radius: 17px;

    background: #fff;

    box-shadow:
            0 24px 55px rgba(20, 55, 80, .20);
}

.pk-brand-browser-top {
    height: 30px;

    display: flex;
    align-items: center;

    gap: 9px;

    padding: 0 9px;

    direction: ltr;

    background: #f2f5f7;

    border-bottom: 1px solid #e5eaee;
}

.pk-brand-dots {
    display: flex;

    gap: 4px;
}

.pk-brand-dots span {
    width: 6px;
    height: 6px;

    border-radius: 50%;
}

.pk-brand-dots span:nth-child(1) {
    background: #ff605c;
}

.pk-brand-dots span:nth-child(2) {
    background: #ffbd44;
}

.pk-brand-dots span:nth-child(3) {
    background: #40c77a;
}

.pk-brand-url {
    width: 55%;

    height: 14px;

    display: flex;
    align-items: center;

    padding: 0 8px;

    border-radius: 20px;

    background: #fff;

    color: #aab5bf;

    font-size: 5px;
}


/* =============================
   Fake Doctor Website
============================= */

.pk-brand-site {
    background: #f7fafc;
}

.pk-brand-site-nav {
    height: 37px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 0 13px;

    background: #fff;
}

.pk-brand-site-nav strong {
    color: #264155;

    font-size: 7px;
}

.pk-brand-site-nav div {
    display: flex;

    gap: 6px;
}

.pk-brand-site-nav span {
    width: 20px;
    height: 4px;

    border-radius: 4px;

    background: #dce5ea;
}


/* Hero */

.pk-brand-site-hero {
    min-height: 135px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 18px 22px;

    background:
            linear-gradient(
                    135deg,
                    #edf9f8,
                    #f3f8fc
            );
}

.pk-brand-site-copy {
    width: 55%;
}

.pk-brand-site-copy small {
    display: block;

    color: #16a29b;

    font-size: 6px;
    font-weight: 800;
}

.pk-brand-site-copy strong {
    display: block;

    margin: 5px 0 8px;

    color: #203b50;

    font-size: 12px;
    line-height: 1.5;
}

.pk-brand-site-copy > span {
    display: block;

    width: 80%;
    height: 5px;

    margin-bottom: 5px;

    border-radius: 4px;

    background: #cad8df;
}

.pk-brand-site-copy > span:nth-of-type(2) {
    width: 65%;
}

.pk-brand-site-copy button {
    margin-top: 8px;

    padding: 6px 11px;

    border: 0;

    border-radius: 7px;

    background: #18aaa3;

    color: #fff;

    font-size: 6px;
}


/* Doctor */

.pk-brand-doctor {
    position: relative;

    width: 100px;
    height: 105px;

    overflow: hidden;

    border-radius: 50% 50% 43% 43%;

    background:
            linear-gradient(
                    145deg,
                    #ccebe8,
                    #dae7ef
            );
}

.pk-brand-doctor-head {
    position: absolute;

    width: 35px;
    height: 35px;

    top: 18px;
    left: 50%;

    transform: translateX(-50%);

    border-radius: 50%;

    background: #f0cdbb;
}

.pk-brand-doctor-body {
    position: absolute;

    width: 70px;
    height: 60px;

    bottom: -5px;
    left: 50%;

    transform: translateX(-50%);

    border-radius: 35px 35px 0 0;

    background: #fff;
}


/* Services */

.pk-brand-site-cards {
    display: grid;

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

    gap: 7px;

    padding: 12px 15px;
}

.pk-brand-site-cards > div {
    height: 45px;

    padding: 8px;

    border-radius: 8px;

    background: #fff;

    box-shadow:
            0 3px 10px rgba(20, 60, 80, .04);
}

.pk-brand-site-cards i {
    display: block;

    width: 15px;
    height: 15px;

    margin-bottom: 5px;

    border-radius: 5px;

    background: #dbf4f2;
}

.pk-brand-site-cards span {
    display: block;

    width: 65%;
    height: 4px;

    border-radius: 4px;

    background: #dde6eb;
}


/* ==================================================
   Floating Cards
================================================== */

.pk-brand-floating {
    position: absolute;

    z-index: 9;

    display: flex;
    align-items: center;

    gap: 8px;

    padding: 9px 11px;

    border-radius: 12px;

    background: #fff;

    box-shadow:
            0 12px 28px rgba(20, 55, 80, .14);
}

.pk-brand-floating > span {
    width: 27px;
    height: 27px;

    flex: 0 0 27px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 8px;

    background: #e4f7f5;

    color: #139d97;

    font-size: 11px;
    font-weight: 900;
}

.pk-brand-floating small {
    display: block;

    color: #98a3ae;

    font-size: 6px;
}

.pk-brand-floating strong {
    display: block;

    margin-top: 2px;

    color: #394e61;

    font-size: 7px;
}

.pk-brand-floating-google {
    left: 0;
    top: 110px;
}

.pk-brand-floating-booking {
    right: 0;
    bottom: 40px;
}


/* ==================================================
   Responsive
================================================== */

@media (max-width: 1050px) {

    .pk-brand-feature {
        grid-template-columns: 1fr;

        gap: 30px;

        padding: 35px;
    }

    .pk-brand-visual {
        max-width: 580px;
    }

}


@media (max-width: 650px) {

    .pk-brand-feature {
        padding: 25px 18px;
    }

    .pk-brand-benefits {
        grid-template-columns: 1fr;

        gap: 12px;
    }

    .pk-brand-visual {
        min-height: 330px;
    }

    .pk-brand-search {
        left: 25px;
        right: 25px;
    }

    .pk-brand-browser {
        width: 100%;
    }

    .pk-brand-floating {
        transform: scale(.85);
    }

    .pk-brand-floating-google {
        left: -18px;
    }

    .pk-brand-floating-booking {
        right: -18px;
    }

}
/* ==================================================
   Online Appointment Feature
================================================== */

.pk-appointment-feature {
    display: grid;
    grid-template-columns: 1fr .95fr;
    align-items: center;
    gap: 42px;

    padding: 42px 46px;

    overflow: hidden;
}


/* =========================
   Content
========================= */

.pk-appointment-content {
    position: relative;
    z-index: 2;
}

.pk-appointment-kicker {
    display: inline-flex;
    align-items: center;

    padding: 6px 12px;
    margin-bottom: 13px;

    border-radius: 999px;

    background: rgba(45, 115, 230, .08);
    color: #2674cf;

    font-size: 12px;
    font-weight: 800;
}

.pk-appointment-content h3 {
    margin: 0 0 13px;

    color: #182d40;

    font-size: clamp(26px, 2.7vw, 35px);
    line-height: 1.55;

    font-weight: 900;
}

.pk-appointment-content h3 span {
    color: #167eeb;
}

.pk-appointment-description {
    margin: 0 0 24px;

    color: #68788a;

    font-size: 14px;
    line-height: 2;
}


/* =========================
   Benefits
========================= */

.pk-appointment-benefits {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 15px 20px;
}

.pk-appointment-benefit {
    display: flex;
    align-items: flex-start;

    gap: 9px;
}

.pk-appointment-benefit > span {
    flex: 0 0 24px;

    width: 24px;
    height: 24px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-top: 2px;

    border-radius: 50%;

    background:
            linear-gradient(
                    135deg,
                    #2d8cf0,
                    #176fd2
            );

    color: #fff;

    font-size: 12px;
    font-weight: 900;

    box-shadow:
            0 5px 14px rgba(31, 121, 219, .18);
}

.pk-appointment-benefit strong {
    display: block;

    margin-bottom: 3px;

    color: #293e51;

    font-size: 13px;
    line-height: 1.7;

    font-weight: 900;
}

.pk-appointment-benefit small {
    display: block;

    color: #84919d;

    font-size: 11px;
    line-height: 1.75;
}


/* ==================================================
   Appointment UI
================================================== */

.pk-appointment-visual {
    position: relative;

    min-height: 390px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.pk-appointment-visual::before {
    content: "";

    position: absolute;

    width: 350px;
    height: 350px;

    border-radius: 50%;

    background:
            radial-gradient(
                    circle,
                    rgba(45, 139, 235, .13),
                    transparent 68%
            );
}


/* Main Window */

.pk-appointment-window {
    position: relative;

    z-index: 3;

    width: 88%;

    padding: 20px;

    border: 1px solid #e6edf4;
    border-radius: 21px;

    background: #fff;

    box-shadow:
            0 24px 60px rgba(24, 60, 90, .15);
}


/* Header */

.pk-appointment-window-head {
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-bottom: 18px;
}

.pk-appointment-window-head small {
    display: block;

    margin-bottom: 3px;

    color: #9aa7b3;

    font-size: 9px;
}

.pk-appointment-window-head strong {
    display: block;

    color: #293f53;

    font-size: 14px;
    font-weight: 900;
}

.pk-appointment-calendar-icon {
    width: 39px;
    height: 39px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 12px;

    color: #227be0;

    background: #eaf4ff;
}

.pk-appointment-calendar-icon svg {
    width: 20px;
    height: 20px;
}


/* Dates */

.pk-appointment-date-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);

    gap: 7px;

    margin-bottom: 15px;
}

.pk-appointment-date-row div {
    padding: 9px 5px;

    text-align: center;

    border: 1px solid #edf1f5;
    border-radius: 10px;

    background: #fafcfd;
}

.pk-appointment-date-row small {
    display: block;

    margin-bottom: 3px;

    color: #929fab;

    font-size: 7px;
}

.pk-appointment-date-row strong {
    display: block;

    color: #405467;

    font-size: 11px;
}

.pk-appointment-date-row .active {
    border-color: #2884e6;

    background:
            linear-gradient(
                    135deg,
                    #2888eb,
                    #176fd2
            );
}

.pk-appointment-date-row .active small,
.pk-appointment-date-row .active strong {
    color: #fff;
}


/* First Available */

.pk-appointment-next-slot {
    display: flex;
    align-items: center;

    gap: 9px;

    padding: 11px;

    margin-bottom: 15px;

    border: 1px solid #dcecff;
    border-radius: 13px;

    background:
            linear-gradient(
                    135deg,
                    #f1f7ff,
                    #f7fbff
            );
}

.pk-next-slot-icon {
    flex: 0 0 34px;

    width: 34px;
    height: 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 10px;

    background: #ddecff;

    font-size: 14px;
}

.pk-appointment-next-slot > div:nth-child(2) {
    flex: 1;
}

.pk-appointment-next-slot small {
    display: block;

    color: #8293a2;

    font-size: 7px;
}

.pk-appointment-next-slot strong {
    display: block;

    margin-top: 2px;

    color: #29445b;

    font-size: 9px;
}

.pk-appointment-next-slot button {
    border: 0;

    padding: 7px 12px;

    border-radius: 8px;

    background: #1979dc;

    color: #fff;

    font-size: 8px;
    font-family: inherit;

    cursor: pointer;
}


/* Time Slots */

.pk-appointment-times {
    display: grid;
    grid-template-columns: repeat(4, 1fr);

    gap: 8px;
}

.pk-appointment-times span {
    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 35px;

    border: 1px solid #e5ebf1;
    border-radius: 9px;

    background: #fff;

    color: #526576;

    font-size: 9px;

    transition: .2s ease;
}

.pk-appointment-times span.active {
    border-color: #1979dc;

    background:
            linear-gradient(
                    135deg,
                    #2485e8,
                    #126dce
            );

    color: #fff;

    box-shadow:
            0 7px 17px rgba(30, 121, 219, .18);
}

.pk-appointment-times span.disabled {
    border-style: dashed;

    background: #f4f5f6;

    color: #bcc4cb;

    text-decoration: line-through;
}


/* Footer */

.pk-appointment-footer {
    display: flex;

    gap: 15px;

    margin-top: 13px;

    padding-top: 11px;

    border-top: 1px solid #edf1f4;
}

.pk-appointment-footer > div {
    display: flex;
    align-items: center;

    gap: 5px;

    color: #8996a2;

    font-size: 7px;
}

.pk-appointment-dot {
    width: 7px;
    height: 7px;

    display: inline-block;

    border-radius: 50%;
}

.pk-appointment-dot.available {
    background: #2686e8;
}

.pk-appointment-dot.full {
    background: #c9d0d6;
}


/* ==================================================
   Floating Cards
================================================== */

.pk-appointment-floating {
    position: absolute;

    z-index: 7;

    display: flex;
    align-items: center;

    gap: 8px;

    padding: 9px 11px;

    border-radius: 12px;

    background: #fff;

    box-shadow:
            0 12px 28px rgba(25, 60, 90, .14);
}

.pk-appointment-floating > span {
    flex: 0 0 27px;

    width: 27px;
    height: 27px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 8px;

    background: #e8f4ff;

    color: #1778d9;

    font-size: 9px;
    font-weight: 900;
}

.pk-appointment-floating small {
    display: block;

    color: #9aa5af;

    font-size: 6px;
}

.pk-appointment-floating strong {
    display: block;

    margin-top: 2px;

    color: #354b5e;

    font-size: 7px;
}

.pk-appointment-floating-success {
    top: 58px;
    right: 0;
}

.pk-appointment-floating-capacity {
    bottom: 40px;
    left: 0;
}


/* ==================================================
   Responsive
================================================== */

@media (max-width: 1050px) {

    .pk-appointment-feature {
        grid-template-columns: 1fr;

        gap: 28px;

        padding: 35px;
    }

    .pk-appointment-visual {
        max-width: 600px;

        width: 100%;

        margin: 0 auto;
    }

}


@media (max-width: 650px) {

    .pk-appointment-feature {
        padding: 25px 18px;
    }

    .pk-appointment-benefits {
        grid-template-columns: 1fr;

        gap: 12px;
    }

    .pk-appointment-visual {
        min-height: 355px;
    }

    .pk-appointment-window {
        width: 100%;

        padding: 15px;
    }

    .pk-appointment-times {
        grid-template-columns: repeat(4, 1fr);

        gap: 6px;
    }

    .pk-appointment-floating {
        transform: scale(.85);
    }

    .pk-appointment-floating-success {
        right: -18px;
    }

    .pk-appointment-floating-capacity {
        left: -18px;
    }

}
/* =========================================
   Clean Website Feature
========================================= */

.pk-clean-site-feature {
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    align-items: center;
    gap: 34px;
    padding: 34px 38px;
    overflow: hidden;
}

.pk-clean-site-content {
    position: relative;
    z-index: 2;
}

.pk-clean-site-kicker {
    display: inline-flex;
    align-items: center;
    padding: 7px 12px;
    margin-bottom: 14px;
    border-radius: 999px;
    background: rgba(22, 170, 162, 0.09);
    color: #129f99;
    font-size: 12px;
    font-weight: 800;
}

.pk-clean-site-content h3 {
    margin: 0 0 14px;
    color: #162b3f;
    font-size: clamp(26px, 2.7vw, 38px);
    line-height: 1.5;
    font-weight: 900;
}

.pk-clean-site-content h3 span {
    display: block;
    color: #12a19b;
}

.pk-clean-site-desc {
    max-width: 560px;
    margin: 0 0 22px;
    color: #687789;
    font-size: 14px;
    line-height: 2;
}

.pk-clean-site-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 18px;
}

.pk-clean-site-list li {
    position: relative;
    padding-right: 28px;
    color: #24384b;
    font-size: 13px;
    line-height: 1.95;
    font-weight: 700;
}

.pk-clean-site-list li::before {
    content: "✓";
    position: absolute;
    right: 0;
    top: 2px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: linear-gradient(135deg, #19b3ab, #43d7cf);
    color: #fff;
    font-size: 11px;
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 5px 12px rgba(25,179,171,.18);
}

.pk-clean-site-actions {
    margin-top: 22px;
}

.pk-clean-site-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #129f99;
    text-decoration: none;
    font-size: 13px;
    font-weight: 800;
    transition: .25s ease;
}

.pk-clean-site-link:hover {
    color: #0d817b;
}

.pk-clean-site-link svg {
    width: 16px;
    height: 16px;
    transition: .25s ease;
}

.pk-clean-site-link:hover svg {
    transform: translateX(-4px);
}


/* =========================================
   Visual
========================================= */

.pk-clean-site-visual {
    position: relative;
    min-height: 330px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pk-clean-site-visual::before {
    content: "";
    position: absolute;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(38,198,190,.12), transparent 68%);
}

.pk-clean-browser {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 430px;
    overflow: hidden;
    border: 6px solid #233b50;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 22px 55px rgba(20,55,80,.18);
}

.pk-clean-browser-top {
    height: 30px;
    display: flex;
    align-items: center;
    gap: 8px;
    direction: ltr;
    padding: 0 10px;
    background: #f3f5f8;
    border-bottom: 1px solid #e5ebef;
}

.pk-clean-dots {
    display: flex;
    gap: 4px;
}

.pk-clean-dots span {
    width: 6px;
    height: 6px;
    border-radius: 50%;
}

.pk-clean-dots span:nth-child(1) { background: #ff605c; }
.pk-clean-dots span:nth-child(2) { background: #ffbd44; }
.pk-clean-dots span:nth-child(3) { background: #43c978; }

.pk-clean-url {
    width: 58%;
    height: 14px;
    border-radius: 999px;
    background: #fff;
    color: #aab4be;
    font-size: 6px;
    display: flex;
    align-items: center;
    padding: 0 8px;
}

.pk-clean-browser-body {
    background: #f7fafc;
}

.pk-clean-site-header {
    height: 40px;
    padding: 0 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
}

.pk-clean-site-header strong {
    color: #264155;
    font-size: 8px;
}

.pk-clean-site-nav {
    display: flex;
    gap: 6px;
}

.pk-clean-site-nav span {
    width: 18px;
    height: 4px;
    border-radius: 4px;
    background: #dce5ea;
}

.pk-clean-site-hero {
    min-height: 145px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 20px;
    background: linear-gradient(135deg, #edf9f8, #f4f8fc);
}

.pk-clean-site-hero-text {
    width: 58%;
}

.pk-clean-site-hero-text small {
    display: block;
    margin-bottom: 5px;
    color: #17a59e;
    font-size: 6px;
    font-weight: 800;
}

.pk-clean-site-hero-text strong {
    display: block;
    color: #20394c;
    font-size: 12px;
    line-height: 1.6;
    margin-bottom: 8px;
}

.pk-clean-site-hero-text span {
    display: block;
    width: 80%;
    height: 5px;
    margin-bottom: 5px;
    border-radius: 4px;
    background: #cdd9e0;
}

.pk-clean-site-hero-text span:nth-of-type(2) {
    width: 63%;
}

.pk-clean-site-hero-text button {
    margin-top: 8px;
    padding: 6px 11px;
    border: 0;
    border-radius: 7px;
    background: #18aaa3;
    color: #fff;
    font-size: 6px;
}

.pk-clean-site-avatar {
    width: 96px;
    height: 96px;
    border-radius: 50% 50% 44% 44%;
    background: linear-gradient(145deg, #ceeae8, #dae8ef);
    position: relative;
    overflow: hidden;
}

.pk-clean-site-avatar i {
    position: absolute;
    inset: 0;
}

.pk-clean-site-avatar i::before {
    content: "";
    position: absolute;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #f1cfbe;
    top: 18px;
    left: 50%;
    transform: translateX(-50%);
}

.pk-clean-site-avatar i::after {
    content: "";
    position: absolute;
    width: 66px;
    height: 56px;
    border-radius: 34px 34px 0 0;
    background: #fff;
    bottom: -4px;
    left: 50%;
    transform: translateX(-50%);
}

.pk-clean-site-boxes {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    padding: 13px 15px 15px;
}

.pk-clean-site-boxes > div {
    height: 48px;
    padding: 8px;
    border-radius: 9px;
    background: #fff;
    box-shadow: 0 3px 10px rgba(20,60,80,.04);
}

.pk-clean-site-boxes i {
    display: block;
    width: 16px;
    height: 16px;
    margin-bottom: 6px;
    border-radius: 5px;
    background: #ddf5f3;
}

.pk-clean-site-boxes span {
    display: block;
    width: 68%;
    height: 4px;
    border-radius: 4px;
    background: #dfe7ec;
}


/* =========================================
   Floating chips
========================================= */

.pk-clean-site-chip {
    position: absolute;
    z-index: 4;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 11px;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(20,55,80,.13);
}

.pk-clean-site-chip > span {
    flex: 0 0 26px;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #e5f7f5;
    color: #15a09a;
    font-size: 11px;
    font-weight: 900;
}

.pk-clean-site-chip small {
    display: block;
    color: #9aa5af;
    font-size: 6px;
}

.pk-clean-site-chip strong {
    display: block;
    margin-top: 2px;
    color: #394d60;
    font-size: 7px;
}

.pk-clean-chip-top {
    top: 30px;
    right: 0;
}

.pk-clean-chip-bottom {
    left: 0;
    bottom: 26px;
}


/* =========================================
   Responsive
========================================= */

@media (max-width: 1050px) {
    .pk-clean-site-feature {
        grid-template-columns: 1fr;
        gap: 28px;
        padding: 30px;
    }

    .pk-clean-site-visual {
        max-width: 520px;
        margin: 0 auto;
        width: 100%;
    }
}

@media (max-width: 680px) {
    .pk-clean-site-feature {
        padding: 24px 18px;
    }

    .pk-clean-site-list {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .pk-clean-site-content h3 {
        font-size: 28px;
    }

    .pk-clean-site-desc {
        font-size: 13px;
    }

    .pk-clean-site-list li {
        font-size: 12px;
    }

    .pk-clean-site-visual {
        min-height: 285px;
    }

    .pk-clean-site-chip {
        transform: scale(.88);
    }

    .pk-clean-chip-top {
        right: -8px;
    }

    .pk-clean-chip-bottom {
        left: -8px;
    }
}



/* =========================================
   APPS SECTION
========================================= */
.pk-apps {
    position: relative;
    overflow: hidden;
    padding: 110px 0;
    background:
            radial-gradient(circle at 10% 20%, rgba(46, 203, 196, 0.08), transparent 28%),
            radial-gradient(circle at 90% 10%, rgba(66, 133, 244, 0.10), transparent 30%),
            linear-gradient(180deg, #071729 0%, #0b2038 100%);
}

.pk-apps .pk-container {
    position: relative;
    z-index: 2;
}

.pk-section-heading-light {
    max-width: 820px;
    margin: 0 auto 52px;
    text-align: center;
}

.pk-section-heading-light .pk-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    margin-bottom: 18px;
    border-radius: 999px;
    background: rgba(255,255,255,0.08);
    color: #91f1ec;
    font-size: 13px;
    font-weight: 700;
}

.pk-section-heading-light .pk-eyebrow::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #42d5cd;
}

.pk-section-heading-light h2 {
    margin: 0 0 14px;
    color: #ffffff;
    font-size: clamp(30px, 4vw, 46px);
    line-height: 1.5;
    font-weight: 900;
}

.pk-section-heading-light p {
    margin: 0;
    color: rgba(255,255,255,0.78);
    font-size: 17px;
    line-height: 2;
}

/* =========================================
   GRID
========================================= */
.pk-device-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 26px;
    align-items: stretch;
}

.pk-device-card {
    position: relative;
    overflow: hidden;
    border-radius: 28px;
    background: linear-gradient(180deg, rgba(13,35,58,0.95) 0%, rgba(10,27,45,0.98) 100%);
    border: 1px solid rgba(255,255,255,0.08);
    box-shadow: 0 20px 60px rgba(0,0,0,0.22);
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

.pk-device-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 70px rgba(0,0,0,0.26);
    border-color: rgba(84, 224, 217, 0.28);
}

.pk-device-card.featured {
    border: 1px solid rgba(72, 220, 210, 0.45);
    box-shadow: 0 24px 75px rgba(0,0,0,0.28), 0 0 0 1px rgba(72,220,210,0.08) inset;
}

.pk-app-badge {
    position: absolute;
    top: 18px;
    right: 18px;
    z-index: 10;
    padding: 8px 13px;
    border-radius: 999px;
    background: linear-gradient(135deg, #16b7af, #37d7cf);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    box-shadow: 0 10px 25px rgba(22,183,175,0.25);
}

.pk-device-visual {
    position: relative;
    height: 330px;
    padding: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background:
            radial-gradient(circle at 50% 0%, rgba(58, 212, 204, 0.14), transparent 45%),
            linear-gradient(180deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);
    border-bottom: 1px solid rgba(255,255,255,0.06);
}

.pk-device-content {
    padding: 28px 24px 30px;
}

.pk-device-title-wrap {
    margin-bottom: 22px;
}

.pk-device-badge {
    display: inline-flex;
    padding: 6px 12px;
    margin-bottom: 12px;
    border-radius: 999px;
    background: rgba(67, 214, 206, 0.12);
    color: #7eece5;
    font-size: 12px;
    font-weight: 800;
}

.pk-device-title-wrap h3 {
    margin: 0 0 10px;
    color: #ffffff;
    font-size: 25px;
    line-height: 1.6;
    font-weight: 900;
}

.pk-device-description {
    margin: 0;
    color: rgba(255,255,255,0.82);
    font-size: 15px;
    line-height: 2;
}

/* =========================================
   LISTS
========================================= */
.pk-device-features {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.pk-device-features li {
    position: relative;
    padding-right: 34px;
    color: #f3f7fb;
    font-size: 15px;
    line-height: 2;
    font-weight: 500;
}

.pk-device-features li::before {
    content: "✓";
    position: absolute;
    right: 0;
    top: 4px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: linear-gradient(135deg, #39d8cf, #15b1aa);
    color: #ffffff;
    font-size: 13px;
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 16px rgba(32, 196, 188, 0.22);
}

/* =========================================
   WEB MOCKUP
========================================= */
.pk-web-devices {
    position: relative;
    width: 100%;
    height: 100%;
}

.pk-web-laptop {
    position: absolute;
    width: 86%;
    height: 70%;
    top: 36px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 14px;
    overflow: hidden;
    border: 7px solid #223647;
    background: #ffffff;
    box-shadow: 0 18px 42px rgba(0,0,0,0.22);
}

.pk-web-laptop::after {
    content: "";
    position: absolute;
    width: 108%;
    height: 10px;
    left: -4%;
    bottom: -12px;
    border-radius: 0 0 12px 12px;
    background: #2f4457;
}

.pk-browser-bar {
    height: 26px;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 0 8px;
    direction: ltr;
    background: #f3f5f8;
    border-bottom: 1px solid #e8edf2;
}

.pk-browser-bar > span {
    width: 6px;
    height: 6px;
    border-radius: 50%;
}

.pk-browser-bar > span:nth-child(1) { background: #ff6059; }
.pk-browser-bar > span:nth-child(2) { background: #ffbd44; }
.pk-browser-bar > span:nth-child(3) { background: #00ca4e; }

.pk-browser-address {
    margin-left: 8px;
    height: 13px;
    width: 52%;
    border-radius: 20px;
    background: #fff;
    color: #b8c2cc;
    font-size: 6px;
    display: flex;
    align-items: center;
    padding: 0 8px;
}

.pk-browser-content {
    display: flex;
    height: calc(100% - 26px);
    background: #f7fafc;
}

.pk-browser-sidebar {
    width: 22%;
    padding: 14px 9px;
    background: #fff;
    border-left: 1px solid #eef2f5;
}

.pk-browser-sidebar span {
    display: block;
    height: 7px;
    margin-bottom: 10px;
    border-radius: 4px;
    background: #dfe7ed;
}

.pk-browser-sidebar span:first-child {
    width: 76%;
    background: #3accc4;
}

.pk-browser-main {
    flex: 1;
    padding: 12px;
}

.pk-browser-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
}

.pk-browser-top span {
    display: block;
    height: 7px;
    border-radius: 4px;
    background: #cfd8e1;
}

.pk-browser-top span:first-child { width: 28%; }
.pk-browser-top span:last-child { width: 18%; }

.pk-browser-stats {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 6px;
    margin-bottom: 10px;
}

.pk-browser-stats div {
    background: #fff;
    border-radius: 8px;
    padding: 6px;
    box-shadow: 0 4px 10px rgba(20,60,90,.05);
}

.pk-browser-stats strong {
    display: block;
    color: #17a39d;
    font-size: 8px;
}

.pk-browser-stats small {
    display: block;
    color: #90a0af;
    font-size: 5px;
}

.pk-browser-chart {
    height: 48px;
    display: flex;
    align-items: flex-end;
    gap: 5px;
    margin-bottom: 8px;
    padding: 8px;
    background: #fff;
    border-radius: 8px;
}

.pk-browser-chart span {
    flex: 1;
    border-radius: 3px 3px 0 0;
    background: linear-gradient(to top, #17ada7, #83e2dd);
}

.pk-browser-chart span:nth-child(1){height:35%;}
.pk-browser-chart span:nth-child(2){height:55%;}
.pk-browser-chart span:nth-child(3){height:43%;}
.pk-browser-chart span:nth-child(4){height:75%;}
.pk-browser-chart span:nth-child(5){height:92%;}

.pk-browser-rows span {
    display: block;
    height: 6px;
    margin-bottom: 5px;
    border-radius: 4px;
    background: #e7edf3;
}

.pk-web-tablet,
.pk-web-mobile {
    position: absolute;
    overflow: hidden;
    background: #23394c;
    border: 4px solid #23394c;
    box-shadow: 0 12px 28px rgba(0,0,0,.20);
}

.pk-web-tablet {
    width: 23%;
    height: 46%;
    bottom: 10px;
    right: 0;
    border-radius: 12px;
}

.pk-web-mobile {
    width: 15%;
    height: 37%;
    bottom: 5px;
    left: 4px;
    border-radius: 14px;
}

.pk-mini-screen {
    height: 100%;
    background: #f6f9fb;
    padding: 8px 5px;
}

.pk-mini-screen span {
    display: block;
    height: 7px;
    margin-bottom: 7px;
    border-radius: 4px;
    background: #dbe6ec;
}

.pk-mini-screen span:first-child {
    height: 15px;
    background: #46c9c2;
}

/* =========================================
   PHONE MOCKUP
========================================= */
.pk-phone-scene {
    position: relative;
    width: 100%;
    height: 100%;
}

.pk-app-phone {
    position: absolute;
    width: 184px;
    height: 290px;
    left: 50%;
    bottom: -25px;
    transform: translateX(-50%);
    padding: 7px;
    border-radius: 30px 30px 0 0;
    background: #14283a;
    box-shadow: 0 22px 42px rgba(0,0,0,.22);
}

.pk-phone-speaker {
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 48px;
    height: 5px;
    border-radius: 999px;
    background: #071521;
}

.pk-phone-screen {
    height: 100%;
    overflow: hidden;
    padding: 28px 11px 13px;
    border-radius: 24px 24px 0 0;
    background: linear-gradient(180deg, #4dd2cb 0 26%, #f6fafc 26%);
}

.pk-app-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
    color: #fff;
}

.pk-app-header small {
    display: block;
    font-size: 7px;
}

.pk-app-header strong {
    display: block;
    margin-top: 2px;
    font-size: 9px;
}

.pk-user-avatar {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #fff;
    border: 3px solid rgba(255,255,255,.35);
}

.pk-next-appointment {
    background: #fff;
    border-radius: 12px;
    padding: 12px;
    margin-bottom: 10px;
    box-shadow: 0 8px 20px rgba(20,80,100,.08);
}

.pk-next-appointment small {
    display: block;
    margin-bottom: 4px;
    color: #8a97a4;
    font-size: 6px;
}

.pk-next-appointment strong {
    display: block;
    color: #25374a;
    font-size: 8px;
}

.pk-next-appointment > span {
    display: block;
    margin: 5px 0;
    color: #627383;
    font-size: 7px;
}

.pk-next-appointment button {
    width: 100%;
    padding: 5px;
    border: 0;
    border-radius: 6px;
    background: #21aca5;
    color: #fff;
    font-size: 6px;
}

.pk-app-actions {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 5px;
    margin-bottom: 10px;
}

.pk-app-actions div {
    background: #fff;
    border-radius: 7px;
    padding: 6px 2px;
    text-align: center;
}

.pk-app-actions span {
    display: flex;
    width: 18px;
    height: 18px;
    margin: 0 auto 3px;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: #e4f7f5;
    color: #18a19b;
    font-size: 8px;
    font-weight: 900;
}

.pk-app-actions small {
    display: block;
    color: #627384;
    font-size: 5px;
}

.pk-followup-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    border-radius: 8px;
    padding: 8px;
}

.pk-followup-card strong {
    display: block;
    color: #304153;
    font-size: 7px;
}

.pk-followup-card small {
    display: block;
    margin-top: 3px;
    color: #8996a3;
    font-size: 5px;
}

.pk-followup-card > span {
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #e5f6f4;
    color: #159d97;
    font-size: 8px;
}

.pk-floating-notification,
.pk-floating-followup {
    position: absolute;
    z-index: 8;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(20,60,80,.14);
}

.pk-floating-notification {
    top: 68px;
    right: -8px;
}

.pk-floating-followup {
    left: -8px;
    bottom: 44px;
}

.pk-notification-icon,
.pk-floating-followup > span {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #e7f8f7;
}

.pk-floating-notification strong,
.pk-floating-followup strong {
    display: block;
    color: #324355;
    font-size: 7px;
}

.pk-floating-notification small,
.pk-floating-followup small {
    display: block;
    margin-top: 2px;
    color: #8b99a5;
    font-size: 6px;
}

/* =========================================
   WINDOWS MOCKUP
========================================= */
.pk-windows-scene {
    position: relative;
    width: 100%;
    height: 100%;
}

.pk-monitor {
    position: absolute;
    width: 94%;
    top: 24px;
    left: 50%;
    transform: translateX(-50%);
}

.pk-monitor-screen {
    height: 205px;
    overflow: hidden;
    border: 8px solid #24394b;
    border-radius: 10px;
    background: #f4f7fa;
    box-shadow: 0 18px 40px rgba(0,0,0,.22);
}

.pk-win-topbar {
    height: 27px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 9px;
    background: #174f80;
    color: #fff;
}

.pk-win-logo {
    font-size: 7px;
    font-weight: 800;
}

.pk-win-top-actions {
    display: flex;
    gap: 5px;
}

.pk-win-top-actions span {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: rgba(255,255,255,.65);
}

.pk-win-dashboard {
    display: flex;
    height: calc(100% - 27px);
}

.pk-win-sidebar {
    width: 19%;
    padding: 12px 7px;
    background: #fff;
    border-left: 1px solid #e5ebf0;
}

.pk-win-sidebar span {
    display: block;
    height: 6px;
    margin-bottom: 9px;
    border-radius: 4px;
    background: #dde6ec;
}

.pk-win-sidebar span:first-child {
    background: #46c8c1;
}

.pk-win-main {
    flex: 1;
    padding: 10px;
}

.pk-win-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

.pk-win-heading strong {
    display: block;
    color: #22384b;
    font-size: 8px;
}

.pk-win-heading small {
    display: block;
    margin-top: 2px;
    color: #91a0ae;
    font-size: 5px;
}

.pk-win-heading button {
    padding: 5px 8px;
    border: 0;
    border-radius: 5px;
    background: #19a59e;
    color: #fff;
    font-size: 5px;
}

.pk-win-summary {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 5px;
    margin-bottom: 8px;
}

.pk-win-summary div {
    padding: 6px;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 3px 10px rgba(20,60,80,.05);
}

.pk-win-summary strong {
    display: block;
    color: #158f89;
    font-size: 8px;
}

.pk-win-summary small {
    display: block;
    color: #8896a3;
    font-size: 5px;
}

.pk-win-table {
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
}

.pk-win-row {
    display: grid;
    grid-template-columns: 1.4fr .7fr .9fr;
    gap: 4px;
    padding: 6px;
    border-bottom: 1px solid #eef2f5;
}

.pk-win-row span {
    font-size: 5px;
    color: #617383;
}

.pk-win-row-head {
    background: #f3f6f8;
}

.pk-win-row-head span {
    color: #85929d;
    font-weight: 800;
}

.pk-win-row .success { color: #14906d; }
.pk-win-row .pending { color: #d58a1d; }

.pk-monitor-neck {
    width: 32px;
    height: 24px;
    margin: 0 auto;
    background: #30485b;
}

.pk-monitor-base {
    width: 100px;
    height: 8px;
    margin: 0 auto;
    border-radius: 999px 999px 5px 5px;
    background: #283d50;
}

.pk-windows-info-card {
    position: absolute;
    left: -4px;
    bottom: 25px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 12px;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 10px 24px rgba(20,60,80,.13);
}

.pk-windows-info-card > span {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #e5f6f4;
    color: #15928c;
    font-weight: 900;
}

.pk-windows-info-card small {
    display: block;
    color: #8896a3;
    font-size: 6px;
}

.pk-windows-info-card strong {
    display: block;
    margin-top: 2px;
    color: #334759;
    font-size: 8px;
}

/* =========================================
   SECURITY
========================================= */
.pk-apps-security {
    max-width: 760px;
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 40px auto 0;
    padding: 16px 20px;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.05);
    color: rgba(255,255,255,.78);
    backdrop-filter: blur(10px);
}

.pk-security-icon {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(69, 214, 206, 0.12);
    color: #71e6de;
}

.pk-security-icon svg {
    width: 22px;
    height: 22px;
}

.pk-apps-security strong {
    display: block;
    margin-bottom: 4px;
    color: #fff;
    font-size: 14px;
}

.pk-apps-security span {
    font-size: 13px;
    line-height: 1.9;
}

/* =========================================
   RESPONSIVE
========================================= */
@media (max-width: 1100px) {
    .pk-device-grid {
        grid-template-columns: 1fr;
        max-width: 760px;
        margin: 0 auto;
    }

    .pk-device-visual {
        height: 360px;
    }
}

@media (max-width: 700px) {
    .pk-apps {
        padding: 80px 0;
    }

    .pk-section-heading-light {
        margin-bottom: 36px;
    }

    .pk-section-heading-light p {
        font-size: 14px;
    }

    .pk-device-grid {
        gap: 18px;
    }

    .pk-device-card {
        border-radius: 22px;
    }

    .pk-device-visual {
        height: 285px;
        padding: 20px;
    }

    .pk-device-content {
        padding: 22px 18px 24px;
    }

    .pk-device-title-wrap h3 {
        font-size: 21px;
    }

    .pk-device-description {
        font-size: 14px;
    }

    .pk-device-features li {
        font-size: 14px;
        line-height: 1.9;
        padding-right: 30px;
    }

    .pk-apps-security {
        align-items: flex-start;
    }

    .pk-web-laptop {
        width: 86%;
        height: 66%;
        top: 26px;
    }

    .pk-app-phone {
        width: 170px;
        height: 270px;
    }
}

@media (max-width: 430px) {
    .pk-device-visual {
        height: 255px;
    }

    .pk-app-phone {
        width: 158px;
        height: 246px;
    }

    .pk-floating-notification,
    .pk-floating-followup {
        transform: scale(.88);
    }
}
/* =====================================================
   Pricing Section
===================================================== */

.pk-pricing {
    position: relative;
    overflow: hidden;
    padding: 105px 0;
    background:
            radial-gradient(circle at 8% 12%, rgba(25, 183, 175, .09), transparent 28%),
            radial-gradient(circle at 92% 88%, rgba(48, 105, 225, .07), transparent 28%),
            #f7fafc;
}

.pk-pricing::before {
    content: "";
    position: absolute;
    top: 80px;
    right: -180px;
    width: 400px;
    height: 400px;
    border: 1px solid rgba(30, 178, 170, .08);
    border-radius: 50%;
}

.pk-pricing .pk-container {
    position: relative;
    z-index: 2;
}


/* =====================================================
   Heading
===================================================== */

.pk-pricing-heading {
    max-width: 790px;
    margin: 0 auto 52px;
    text-align: center;
}

.pk-pricing-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 7px;

    padding: 7px 14px;
    margin-bottom: 17px;

    border-radius: 999px;

    background: #e6f7f5;
    color: #129d97;

    font-size: 12px;
    font-weight: 800;
}

.pk-pricing-eyebrow::before {
    content: "";
    width: 7px;
    height: 7px;

    border-radius: 50%;
    background: #1db7af;
}

.pk-pricing-heading h2 {
    margin: 0 0 16px;

    color: #142a40;

    font-size: clamp(30px, 3.7vw, 46px);
    line-height: 1.55;
    font-weight: 900;
}

.pk-pricing-heading h2 span {
    display: block;
    color: #13a39d;
}

.pk-pricing-heading p {
    max-width: 670px;
    margin: 0 auto;

    color: #6e7e8f;

    font-size: 15px;
    line-height: 2;
}


/* =====================================================
   Grid
===================================================== */

.pk-pricing-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    align-items: stretch;
}


/* =====================================================
   Card
===================================================== */

.pk-price-card {
    position: relative;

    display: flex;
    flex-direction: column;

    min-width: 0;

    padding: 28px 24px 24px;

    border: 1px solid #e2eaf0;
    border-radius: 24px;

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

    box-shadow:
            0 12px 35px rgba(25, 55, 80, .06);

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

.pk-price-card:hover {
    transform: translateY(-7px);

    border-color: #cfe7e5;

    box-shadow:
            0 24px 55px rgba(25, 55, 80, .11);
}


/* =====================================================
   Featured
===================================================== */

.pk-price-featured {
    border: 2px solid #1ab7af;

    transform: translateY(-9px);

    box-shadow:
            0 25px 65px rgba(18, 159, 152, .15);
}

.pk-price-featured:hover {
    transform: translateY(-14px);
}

.pk-price-popular {
    position: absolute;

    top: -14px;
    right: 50%;

    transform: translateX(50%);

    min-width: 105px;

    padding: 7px 15px;

    border-radius: 999px;

    text-align: center;

    color: #fff;
    background:
            linear-gradient(
                    135deg,
                    #13a49e,
                    #38cec6
            );

    font-size: 11px;
    font-weight: 900;

    box-shadow:
            0 8px 22px rgba(19, 164, 158, .25);
}


/* =====================================================
   VIP
===================================================== */

.pk-price-vip {
    background:
            linear-gradient(
                    180deg,
                    #112d45 0%,
                    #0d2438 100%
            );

    border-color: rgba(255,255,255,.08);

    box-shadow:
            0 20px 48px rgba(10, 31, 50, .20);
}

.pk-price-vip .pk-price-plan-type {
    color: #6ee5de;
    background: rgba(73, 218, 209, .10);
}

.pk-price-vip h3,
.pk-price-vip .pk-price strong {
    color: #fff;
}

.pk-price-vip .pk-price-card-head > p {
    color: rgba(255,255,255,.66);
}

.pk-price-vip .pk-price span {
    color: rgba(255,255,255,.70);
}

.pk-price-vip .pk-price-divider {
    background: rgba(255,255,255,.10);
}

.pk-price-vip .pk-price-features li {
    color: rgba(255,255,255,.88);
}

.pk-price-vip .pk-price-features li::before {
    background: rgba(66, 220, 210, .14);
    color: #67e1da;
}

/* =====================================================
   Launch Free Pricing
===================================================== */

.pk-price-launch-free {
    min-height: 92px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 7px;
    margin-top: 18px;
}

.pk-price-old {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.pk-price-old span {
    position: relative;
    color: #98a4af;
    font-size: 13px;
    font-weight: 700;
}

.pk-price-old:not(.pk-price-old-zero) span::after {
    content: "";
    position: absolute;
    right: -3px;
    left: -3px;
    top: 50%;

    height: 2px;

    background: #ef6b6b;

    transform: rotate(-4deg);

    border-radius: 10px;
}

.pk-price-old-zero {
    opacity: .55;
}

.pk-price-now {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
}

.pk-price-now strong {
    color: #12a39c !important;
    font-size: 31px !important;
    line-height: 1.1;
    font-weight: 950;
}

.pk-price-now > span:not(.pk-price-surprise) {
    color: #778695;
    font-size: 10px;
    font-weight: 700;
}

.pk-price-surprise {
    font-size: 22px;
    line-height: 1;
    animation: pkPriceSurprise 2.2s ease-in-out infinite;
}

@keyframes pkPriceSurprise {

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

    50% {
        transform: rotate(-7deg) scale(1.12);
    }

}


/* 4M plan */

.pk-price-launch-highlight .pk-price-now strong {
    font-size: 34px !important;
}

.pk-price-launch-highlight .pk-price-surprise {
    font-size: 24px;
}


/* VIP */

.pk-price-vip .pk-price-old span {
    color: rgba(255,255,255,.48);
}

.pk-price-vip .pk-price-old span::after {
    background: #ff8c8c;
}

.pk-price-vip .pk-price-now strong {
    color: #69ebe3 !important;
}

.pk-price-vip .pk-price-now > span:not(.pk-price-surprise) {
    color: rgba(255,255,255,.65);
}

.pk-price-launch-vip .pk-price-now strong {
    font-size: 36px !important;
}

.pk-price-launch-vip .pk-price-surprise {
    font-size: 27px;
}
/* =====================================================
   Header
===================================================== */

.pk-price-card-head {
    min-height: 225px;
}

.pk-price-plan-type {
    display: inline-flex;

    padding: 6px 11px;
    margin-bottom: 13px;

    border-radius: 999px;

    color: #159b95;
    background: #edf9f8;

    font-size: 10px;
    font-weight: 800;
}

.pk-price-card h3 {
    margin: 0 0 9px;

    color: #1c3247;

    font-size: 24px;
    font-weight: 900;
}

.pk-price-card-head > p {
    min-height: 74px;

    margin: 0;

    color: #748291;

    font-size: 12px;
    line-height: 1.9;
}


/* =====================================================
   Price
===================================================== */

.pk-price {
    min-height: 60px;

    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;

    gap: 7px;

    margin-top: 20px;
}

.pk-price strong {
    color: #152e44;

    font-size: 28px;
    line-height: 1;
    font-weight: 900;
}

.pk-price > span {
    padding-bottom: 2px;

    color: #788695;

    font-size: 11px;
    font-weight: 700;
}

.pk-price small {
    font-size: 9px;
    font-weight: 500;
}

.pk-price-free .pk-price strong {
    color: #13a29b;
    font-size: 31px;
}


/* =====================================================
   Divider
===================================================== */

.pk-price-divider {
    height: 1px;

    margin: 4px 0 22px;

    background: #e9eef2;
}


/* =====================================================
   Features
===================================================== */

.pk-price-features {
    flex: 1;

    display: flex;
    flex-direction: column;

    gap: 12px;

    margin: 0 0 26px;
    padding: 0;

    list-style: none;
}

.pk-price-features li {
    position: relative;

    padding-right: 27px;

    color: #415467;

    font-size: 12px;
    line-height: 1.8;
}

.pk-price-features li::before {
    content: "✓";

    position: absolute;

    right: 0;
    top: 1px;

    width: 19px;
    height: 19px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #e5f7f5;
    color: #12a29b;

    font-size: 10px;
    font-weight: 900;
}


/* =====================================================
   Buttons
===================================================== */

.pk-price-button {
    width: 100%;

    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 48px;

    padding: 10px 15px;

    border-radius: 12px;

    text-align: center;
    text-decoration: none;

    background:
            linear-gradient(
                    135deg,
                    #14a9a2,
                    #35cfc7
            );

    color: #fff;

    font-size: 12px;
    font-weight: 900;

    box-shadow:
            0 8px 22px rgba(20, 169, 162, .18);

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

.pk-price-button:hover {
    transform: translateY(-2px);

    color: #fff;

    box-shadow:
            0 13px 28px rgba(20, 169, 162, .25);
}

.pk-price-button-outline {
    border: 1px solid #17a8a1;

    background: transparent;

    color: #159d97;

    box-shadow: none;
}

.pk-price-button-outline:hover {
    background: #159f99;
    color: #fff;
}

.pk-price-button-vip {
    background:
            linear-gradient(
                    135deg,
                    #50ded6,
                    #22bfb7
            );

    color: #092438;
}


/* =====================================================
   Included
===================================================== */

.pk-pricing-included {
    display: grid;

    grid-template-columns: auto 1fr auto;

    align-items: center;

    gap: 17px;

    margin-top: 38px;

    padding: 20px 23px;

    border: 1px solid #dce9ed;
    border-radius: 18px;

    background: #fff;

    box-shadow:
            0 10px 30px rgba(25,55,80,.05);
}

.pk-pricing-included-icon {
    flex: 0 0 44px;

    width: 44px;
    height: 44px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 13px;

    background:
            linear-gradient(
                    135deg,
                    #e1f7f5,
                    #edf9ff
            );

    color: #13a29b;

    font-size: 17px;
    font-weight: 900;
}

.pk-pricing-included-copy strong {
    display: block;

    margin-bottom: 4px;

    color: #21384d;

    font-size: 14px;
    font-weight: 900;
}

.pk-pricing-included-copy p {
    margin: 0;

    color: #778696;

    font-size: 11px;
    line-height: 1.8;
}

.pk-pricing-included-items {
    display: flex;

    flex-wrap: wrap;

    justify-content: flex-end;

    gap: 7px;
}

.pk-pricing-included-items span {
    padding: 6px 9px;

    border-radius: 7px;

    background: #f0f7f8;
    color: #526b7b;

    font-size: 9px;
    font-weight: 700;
}


/* =====================================================
   Footer
===================================================== */

.pk-pricing-footer {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 10px;

    margin-top: 24px;

    color: #758494;

    font-size: 12px;
}

.pk-pricing-footer p {
    margin: 0;
}

.pk-pricing-footer a {
    display: inline-flex;
    align-items: center;

    gap: 7px;

    color: #129d97;

    font-weight: 900;

    text-decoration: none;
}

.pk-pricing-footer a:hover {
    color: #0d7f79;
}


/* =====================================================
   Responsive
===================================================== */

@media (max-width: 1180px) {

    .pk-pricing-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 22px;
    }

    .pk-price-featured {
        transform: none;
    }

    .pk-price-featured:hover {
        transform: translateY(-7px);
    }

}


@media (max-width: 700px) {

    .pk-pricing {
        padding: 75px 0;
    }

    .pk-pricing-heading {
        margin-bottom: 38px;
    }

    .pk-pricing-heading h2 {
        font-size: 29px;
    }

    .pk-pricing-heading p {
        font-size: 13px;
    }

    .pk-pricing-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .pk-price-card {
        padding: 25px 20px 21px;
    }

    .pk-price-card-head {
        min-height: auto;
    }

    .pk-price-card-head > p {
        min-height: auto;
    }

    .pk-price {
        margin-top: 18px;
        margin-bottom: 4px;
    }

    .pk-pricing-included {
        grid-template-columns: auto 1fr;
    }

    .pk-pricing-included-items {
        grid-column: 1 / -1;

        justify-content: flex-start;

        padding-right: 61px;
    }

    .pk-pricing-footer {
        flex-direction: column;
        text-align: center;
    }

}


/* =====================================================
   Launch Offer - Modern
===================================================== */

.pk-launch-offer {
    position: relative;

    max-width: 1050px;
    margin: 38px auto 28px;
    padding: 28px 30px;

    display: grid;
    grid-template-columns: 68px minmax(0, 1fr);
    align-items: center;
    gap: 22px;

    overflow: hidden;

    border: 1px solid #cfe9e7;
    border-radius: 24px;

    background:
            radial-gradient(
                    circle at 100% 0%,
                    rgba(32, 191, 181, .12),
                    transparent 32%
            ),
            linear-gradient(
                    135deg,
                    #ffffff 0%,
                    #f5fbfb 55%,
                    #eef9f8 100%
            );

    box-shadow:
            0 16px 45px rgba(22, 61, 81, .07);

    direction: rtl;
}


/* decorative circle */

.pk-launch-offer::before {
    content: "";

    position: absolute;

    width: 220px;
    height: 220px;

    left: -100px;
    bottom: -140px;

    border-radius: 50%;

    background:
            rgba(28, 184, 175, .055);

    pointer-events: none;
}


/* =====================================================
   Emoji Icon
===================================================== */

.pk-launch-offer-icon {
    position: relative;
    z-index: 2;

    width: 64px;
    height: 64px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 19px;

    background:
            linear-gradient(
                    145deg,
                    #dcf7f4,
                    #eaf8ff
            );

    border: 1px solid rgba(25, 177, 169, .10);

    box-shadow:
            0 10px 25px rgba(18, 151, 145, .10);
}


.pk-launch-offer-icon img.emoji {
    width: 31px !important;
    height: 31px !important;

    margin: 0 !important;

    object-fit: contain;
}


/* =====================================================
   Content
===================================================== */

.pk-launch-offer-content {
    position: relative;
    z-index: 2;

    min-width: 0;

    text-align: right;
}


/* small badge */

.pk-launch-offer-label {
    display: inline-flex;
    align-items: center;

    margin-bottom: 9px;
    padding: 6px 11px;

    border-radius: 999px;

    background: #def5f2;
    color: #0d918b;

    font-size: 11px;
    line-height: 1;
    font-weight: 800;
}


.pk-launch-offer-label::before {
    content: "";

    width: 6px;
    height: 6px;

    margin-left: 6px;

    border-radius: 50%;

    background: #19b3ab;

    box-shadow:
            0 0 0 4px rgba(25, 179, 171, .10);
}


/* Heading */

.pk-launch-offer h3 {
    margin: 0 0 8px;

    color: #163248;

    font-size: 22px;
    line-height: 1.7;
    font-weight: 900;
}


.pk-launch-offer h3 span {
    color: #10a19a;
    font-weight: 900;
}


/* Main text */

.pk-launch-offer-content > p {
    max-width: 820px;

    margin: 0;

    color: #647688;

    font-size: 13px;
    line-height: 2;
    font-weight: 500;
}


/* =====================================================
   Bottom Limited Offer Note
===================================================== */

.pk-launch-offer-note {
    display: flex;
    align-items: flex-start;

    gap: 9px;

    margin-top: 15px;
    padding: 13px 15px;

    border-radius: 13px;

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

    border: 1px dashed #d4e6e5;
}


.pk-launch-offer-note > span {
    flex: 0 0 27px;

    width: 27px;
    height: 27px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-top: 1px;

    border-radius: 8px;

    background: #e4f7f5;
    color: #13a29b;

    font-size: 15px;
    font-weight: 700;
}


.pk-launch-offer-note p {
    margin: 0;

    color: #778797;

    font-size: 11px;
    line-height: 1.95;
}


.pk-launch-offer-note strong {
    color: #324c60;
    font-weight: 900;
}


/* =====================================================
   Hover
===================================================== */

.pk-launch-offer {
    transition:
            transform .3s ease,
            box-shadow .3s ease,
            border-color .3s ease;
}


.pk-launch-offer:hover {
    transform: translateY(-3px);

    border-color: #b9dfdc;

    box-shadow:
            0 22px 55px rgba(22, 61, 81, .10);
}


/* =====================================================
   Tablet
===================================================== */

@media (max-width: 900px) {

    .pk-launch-offer {
        max-width: 720px;

        grid-template-columns: 58px 1fr;

        gap: 17px;

        padding: 24px;
    }

    .pk-launch-offer-icon {
        width: 56px;
        height: 56px;

        border-radius: 17px;
    }

    .pk-launch-offer-icon img.emoji {
        width: 27px !important;
        height: 27px !important;
    }

}


/* =====================================================
   Mobile
===================================================== */

@media (max-width: 600px) {

    .pk-launch-offer {
        grid-template-columns: 1fr;

        gap: 13px;

        margin-top: 28px;
        padding: 20px 17px;

        border-radius: 19px;
    }

    .pk-launch-offer-icon {
        width: 50px;
        height: 50px;

        border-radius: 15px;
    }

    .pk-launch-offer-icon img.emoji {
        width: 25px !important;
        height: 25px !important;
    }


    .pk-launch-offer-label {
        font-size: 10px;
    }


    .pk-launch-offer h3 {
        font-size: 19px;
        line-height: 1.65;
    }

    .pk-launch-offer h3 span {
        display: block;
    }


    .pk-launch-offer-content > p {
        font-size: 12px;
        line-height: 1.9;
    }


    .pk-launch-offer-note {
        padding: 11px 12px;
    }

    .pk-launch-offer-note p {
        font-size: 10px;
    }

}


/* =====================================================
   Journal / News
===================================================== */

.pk-journal {
    position: relative;
    overflow: hidden;
    padding: 100px 0;

    background:
            radial-gradient(
                    circle at 90% 15%,
                    rgba(28, 186, 177, .08),
                    transparent 27%
            ),
            linear-gradient(
                    180deg,
                    #ffffff 0%,
                    #f7fafc 100%
            );
}


/* =====================================================
   Heading
===================================================== */

.pk-journal-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    gap: 30px;

    margin-bottom: 38px;
}

.pk-journal-heading-copy {
    max-width: 680px;
}

.pk-journal-eyebrow {
    display: inline-flex;
    align-items: center;

    gap: 7px;

    padding: 7px 13px;
    margin-bottom: 13px;

    border-radius: 999px;

    background: #e8f8f6;
    color: #139b95;

    font-size: 11px;
    font-weight: 900;
}

.pk-journal-eyebrow::before {
    content: "";

    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: #1bb5ad;
}

.pk-journal-heading h2 {
    margin: 0 0 12px;

    color: #142b40;

    font-size: clamp(30px, 3.5vw, 43px);
    line-height: 1.55;
    font-weight: 900;
}

.pk-journal-heading h2 span {
    color: #13a29b;
}

.pk-journal-heading p {
    max-width: 620px;

    margin: 0;

    color: #738292;

    font-size: 14px;
    line-height: 2;
}


/* =====================================================
   Actions
===================================================== */

.pk-journal-actions {
    display: flex;
    align-items: center;

    gap: 16px;

    flex-shrink: 0;
}

.pk-journal-nav {
    display: flex;
    gap: 7px;
}

.pk-journal-nav button {
    width: 43px;
    height: 43px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0;

    border: 1px solid #dce6eb;
    border-radius: 12px;

    background: #fff;
    color: #1c394d;

    font-size: 24px;

    cursor: pointer;

    transition: .25s ease;
}

.pk-journal-nav button:hover {
    border-color: #15aaa3;

    background: #15aaa3;
    color: #fff;

    transform: translateY(-2px);
}

.pk-journal-all {
    display: inline-flex;
    align-items: center;

    gap: 8px;

    color: #159e98;

    font-size: 12px;
    font-weight: 900;

    text-decoration: none;
}

.pk-journal-all span {
    transition: transform .25s ease;
}

.pk-journal-all:hover span {
    transform: translateX(-4px);
}


/* =====================================================
   Slider
===================================================== */

.pk-journal-slider {
    width: 100%;

    overflow: hidden;
}

.pk-journal-track {
    display: flex;

    gap: 20px;

    overflow-x: auto;

    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;

    padding: 8px 2px 28px;

    scrollbar-width: none;
}

.pk-journal-track::-webkit-scrollbar {
    display: none;
}


/* =====================================================
   Card
===================================================== */

.pk-journal-card {
    flex: 0 0 calc((100% - 60px) / 4);

    min-width: 0;

    overflow: hidden;

    scroll-snap-align: start;

    border: 1px solid #e3ebef;
    border-radius: 21px;

    background: #fff;

    box-shadow:
            0 12px 35px rgba(26, 57, 80, .055);

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

.pk-journal-card:hover {
    transform: translateY(-6px);

    border-color: #cee6e4;

    box-shadow:
            0 20px 48px rgba(26, 57, 80, .10);
}


/* Image */

.pk-journal-image {
    position: relative;

    display: block;

    aspect-ratio: 16 / 10;

    overflow: hidden;

    background: #eef5f6;
}

.pk-journal-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform .5s ease;
}

.pk-journal-card:hover .pk-journal-image img {
    transform: scale(1.045);
}


/* Placeholder */

.pk-journal-placeholder {
    width: 100%;
    height: 100%;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    background:
            radial-gradient(
                    circle at 50% 35%,
                    rgba(38, 203, 194, .17),
                    transparent 45%
            ),
            linear-gradient(
                    135deg,
                    #e8f6f5,
                    #edf5fb
            );
}

.pk-journal-placeholder span {
    width: 44px;
    height: 44px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 7px;

    border-radius: 14px;

    background: #19aaa3;
    color: #fff;

    font-size: 24px;
}

.pk-journal-placeholder small {
    color: #69808f;

    font-size: 10px;
}


/* Category */

.pk-journal-category {
    position: absolute;

    top: 14px;
    right: 14px;

    padding: 6px 10px;

    border-radius: 999px;

    background: rgba(255,255,255,.94);
    color: #128f89;

    font-size: 9px;
    font-weight: 900;

    box-shadow:
            0 5px 15px rgba(30,60,80,.09);

    backdrop-filter: blur(7px);
}


/* =====================================================
   Content
===================================================== */

.pk-journal-card-content {
    padding: 19px 18px 20px;
}

.pk-journal-meta {
    display: flex;
    align-items: center;

    gap: 7px;

    margin-bottom: 10px;

    color: #9aa6b1;

    font-size: 9px;
}

.pk-journal-meta i {
    width: 4px;
    height: 4px;

    border-radius: 50%;

    background: #c8d2d9;
}

.pk-journal-card h3 {
    margin: 0 0 8px;

    font-size: 16px;
    line-height: 1.85;
    font-weight: 900;
}

.pk-journal-card h3 a {
    color: #20374b;

    text-decoration: none;

    transition: color .2s ease;
}

.pk-journal-card h3 a:hover {
    color: #119d96;
}

.pk-journal-card-content > p {
    min-height: 66px;

    margin: 0 0 15px;

    color: #7a8998;

    font-size: 11px;
    line-height: 2;
}

.pk-journal-read {
    display: inline-flex;
    align-items: center;

    gap: 7px;

    color: #149e98;

    font-size: 10px;
    font-weight: 900;

    text-decoration: none;
}

.pk-journal-read span {
    transition: transform .2s ease;
}

.pk-journal-read:hover span {
    transform: translateX(-4px);
}


/* =====================================================
   Mobile button
===================================================== */

.pk-journal-mobile-all {
    display: none;
}


/* =====================================================
   Responsive
===================================================== */

@media (max-width: 1150px) {

    .pk-journal-card {
        flex-basis: calc((100% - 40px) / 3);
    }

}


@media (max-width: 850px) {

    .pk-journal {
        padding: 75px 0;
    }

    .pk-journal-heading {
        align-items: flex-start;
    }

    .pk-journal-card {
        flex-basis: calc((100% - 20px) / 2);
    }

}


@media (max-width: 650px) {

    .pk-journal {
        padding: 65px 0;
    }

    .pk-journal-heading {
        display: block;

        margin-bottom: 25px;
    }

    .pk-journal-heading h2 {
        font-size: 28px;
    }

    .pk-journal-heading p {
        font-size: 12px;
    }

    .pk-journal-actions {
        margin-top: 20px;
    }

    .pk-journal-all {
        display: none;
    }

    .pk-journal-card {
        flex-basis: 84%;
    }

    .pk-journal-mobile-all {
        display: flex;
        justify-content: center;

        margin-top: 4px;
    }

    .pk-journal-mobile-all a {
        display: flex;
        align-items: center;
        justify-content: center;

        gap: 8px;

        min-height: 45px;

        padding: 8px 17px;

        border: 1px solid #cfe4e2;
        border-radius: 12px;

        color: #149d97;
        background: #fff;

        font-size: 11px;
        font-weight: 900;

        text-decoration: none;
    }

}


/* =====================================================
   Blog archive
===================================================== */

.pk-blog-page {
    background: #f7fafc;
}

.pk-blog-hero {
    padding: 90px 0 65px;

    text-align: center;

    background:
            radial-gradient(
                    circle at 50% 0,
                    rgba(25,180,172,.10),
                    transparent 35%
            ),
            #fff;
}

.pk-blog-eyebrow {
    display: inline-flex;

    padding: 7px 13px;
    margin-bottom: 13px;

    border-radius: 999px;

    color: #139d97;
    background: #e6f7f5;

    font-size: 11px;
    font-weight: 900;
}

.pk-blog-hero h1 {
    margin: 0 0 12px;

    color: #172e43;

    font-size: clamp(34px,5vw,54px);
    line-height: 1.5;
}

.pk-blog-hero h1 span {
    color: #14a29b;
}

.pk-blog-hero > .pk-container > p {
    max-width: 650px;

    margin: 0 auto;

    color: #748494;

    font-size: 14px;
    line-height: 2;
}

.pk-blog-categories {
    display: flex;
    align-items: center;
    justify-content: center;

    flex-wrap: wrap;

    gap: 8px;

    margin-top: 28px;
}

.pk-blog-categories a {
    padding: 8px 15px;

    border: 1px solid #dde7eb;
    border-radius: 999px;

    background: #fff;
    color: #607283;

    font-size: 11px;
    font-weight: 800;

    text-decoration: none;
}

.pk-blog-categories a:hover,
.pk-blog-categories a.active {
    border-color: #17aaa3;

    background: #17aaa3;
    color: #fff;
}


/* archive */

.pk-blog-archive {
    padding: 65px 0 90px;
}

.pk-blog-grid {
    display: grid;

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

    gap: 24px;
}

.pk-archive-card {
    overflow: hidden;

    border: 1px solid #e3ebef;
    border-radius: 21px;

    background: #fff;

    box-shadow:
            0 10px 32px rgba(25,55,80,.055);

    transition: .3s ease;
}

.pk-archive-card:hover {
    transform: translateY(-5px);

    box-shadow:
            0 20px 45px rgba(25,55,80,.10);
}

.pk-archive-image {
    position: relative;

    display: block;

    aspect-ratio: 16/10;

    overflow: hidden;

    background: #edf5f6;
}

.pk-archive-image img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform .45s ease;
}

.pk-archive-card:hover img {
    transform: scale(1.04);
}

.pk-archive-category {
    position: absolute;

    top: 13px;
    right: 13px;

    padding: 6px 10px;

    border-radius: 999px;

    background: rgba(255,255,255,.94);
    color: #129b95;

    font-size: 9px;
    font-weight: 900;
}

.pk-archive-placeholder {
    height: 100%;

    display: flex;
    align-items: center;
    justify-content: center;

    background:
            linear-gradient(
                    135deg,
                    #e5f6f4,
                    #edf5fa
            );
}

.pk-archive-placeholder span {
    width: 45px;
    height: 45px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 14px;

    background: #16aaa3;
    color: #fff;

    font-size: 24px;
}

.pk-archive-content {
    padding: 20px;
}

.pk-archive-meta {
    display: flex;

    gap: 12px;

    margin-bottom: 9px;

    color: #9aa6b0;

    font-size: 9px;
}

.pk-archive-content h2 {
    margin: 0 0 8px;

    font-size: 17px;
    line-height: 1.85;
}

.pk-archive-content h2 a {
    color: #21394d;

    text-decoration: none;
}

.pk-archive-content h2 a:hover {
    color: #139d97;
}

.pk-archive-content > p {
    margin: 0 0 15px;

    color: #778796;

    font-size: 11px;
    line-height: 2;
}

.pk-archive-read {
    display: inline-flex;

    gap: 7px;

    color: #139d97;

    font-size: 10px;
    font-weight: 900;

    text-decoration: none;
}


/* Pagination */

.pk-blog-pagination {
    margin-top: 45px;
}

.pk-blog-pagination .nav-links {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;

    gap: 6px;
}

.pk-blog-pagination .page-numbers {
    min-width: 40px;
    height: 40px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0 10px;

    border: 1px solid #dce7eb;
    border-radius: 10px;

    background: #fff;
    color: #526779;

    font-size: 11px;
    font-weight: 800;

    text-decoration: none;
}

.pk-blog-pagination .current {
    border-color: #16a8a1;

    background: #16a8a1;
    color: #fff;
}


@media (max-width: 950px) {

    .pk-blog-grid {
        grid-template-columns:
            repeat(2, minmax(0,1fr));
    }

}


@media (max-width: 600px) {

    .pk-blog-grid {
        grid-template-columns: 1fr;
    }

}

/* Floating chat icon fix */
.pk-floating-chat {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.pk-floating-chat svg {
    display: block !important;

    width: 22px !important;
    height: 22px !important;

    min-width: 22px !important;
    min-height: 22px !important;

    flex: 0 0 22px;

    color: #ffffff !important;
    fill: none;
    stroke: currentColor;

    visibility: visible !important;
    opacity: 1 !important;
}

.pk-floating-chat svg path,
.pk-floating-chat svg line,
.pk-floating-chat svg polyline,
.pk-floating-chat svg circle {
    stroke: currentColor;
}


/* Mobile */
@media (max-width: 700px) {

    .pk-floating-chat {
        width: 54px;
        height: 54px;

        padding: 0;

        border-radius: 50%;
    }

    .pk-floating-chat b {
        display: none;
    }

    .pk-floating-chat svg {
        width: 24px !important;
        height: 24px !important;

        min-width: 24px !important;
        min-height: 24px !important;

        margin: 0 !important;
    }

}








/* =====================================================
   Festival Top Notice
===================================================== */

.pk-festival-bar {
    position: relative;
    z-index: 9999;

    width: 100%;

    direction: rtl;

    background:
            linear-gradient(
                    110deg,
                    #0c273d 0%,
                    #103b50 48%,
                    #0c6e71 100%
            );

    border-bottom: 1px solid rgba(255,255,255,.08);

    box-shadow:
            0 5px 20px rgba(10, 37, 55, .10);
}


.pk-festival-bar-inner {
    width: min(1380px, calc(100% - 40px));

    min-height: 54px;

    margin: 0 auto;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;
}


/* =========================
   Main
========================= */

.pk-festival-main {
    min-width: 0;

    display: flex;
    align-items: center;

    gap: 13px;
}


.pk-festival-badge {
    flex-shrink: 0;

    display: inline-flex;
    align-items: center;

    padding: 6px 11px;

    border: 1px solid rgba(104, 232, 222, .22);
    border-radius: 999px;

    background: rgba(74, 218, 208, .11);

    color: #75eee5;

    font-size: 10px;
    line-height: 1;
    font-weight: 900;
}


.pk-festival-badge::before {
    content: "";

    width: 6px;
    height: 6px;

    margin-left: 6px;

    border-radius: 50%;

    background: #59e1d8;

    box-shadow:
            0 0 0 4px rgba(89,225,216,.09);
}


.pk-festival-text {
    min-width: 0;

    display: flex;
    align-items: center;

    gap: 9px;

    white-space: nowrap;

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

    font-size: 12px;
}


.pk-festival-text strong {
    color: #fff;

    font-size: 13px;
    font-weight: 900;
}


.pk-festival-text b {
    display: inline-flex;
    align-items: center;

    padding: 4px 9px;

    border-radius: 7px;

    background: rgba(90, 229, 218, .13);

    color: #76f0e7;

    font-size: 11px;
    font-weight: 900;
}


.pk-festival-mobile-text {
    display: none;
}


/* =========================
   Actions
========================= */

.pk-festival-actions {
    flex-shrink: 0;

    display: flex;
    align-items: center;

    gap: 9px;
}


.pk-festival-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 7px;

    min-height: 36px;

    padding: 7px 14px;

    border-radius: 9px;

    background: #54dcd3;
    color: #092a3d;

    font-size: 11px;
    line-height: 1;
    font-weight: 900;

    text-decoration: none;

    box-shadow:
            0 7px 18px rgba(35, 196, 187, .18);

    transition:
            transform .2s ease,
            background .2s ease;
}


.pk-festival-button:hover {
    color: #092a3d;
    background: #6ce8df;

    transform: translateY(-1px);
}


.pk-festival-button span {
    font-size: 14px;

    transition: transform .2s ease;
}


.pk-festival-button:hover span {
    transform: translateX(-3px);
}


.pk-festival-close {
    width: 30px;
    height: 30px;

    flex: 0 0 30px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0;

    border: 0;
    border-radius: 8px;

    background: rgba(255,255,255,.07);
    color: rgba(255,255,255,.60);

    font-family: Arial, sans-serif;
    font-size: 18px;
    line-height: 1;

    cursor: pointer;

    transition: .2s ease;
}


.pk-festival-close:hover {
    background: rgba(255,255,255,.13);
    color: #fff;
}


/* =====================================================
   Tablet
===================================================== */

@media (max-width: 1000px) {

    .pk-festival-bar-inner {
        width: min(100% - 28px, 900px);
    }

    .pk-festival-desktop-text {
        display: none;
    }

    .pk-festival-mobile-text {
        display: inline;
    }

}


/* =====================================================
   Mobile
===================================================== */

@media (max-width: 650px) {

    .pk-festival-bar-inner {
        width: calc(100% - 20px);

        min-height: 0;

        padding: 9px 0;

        gap: 8px;
    }


    .pk-festival-main {
        flex: 1;

        gap: 8px;
    }


    .pk-festival-badge {
        display: none;
    }


    .pk-festival-text {
        flex: 1;

        display: block;

        white-space: normal;

        font-size: 10px;
        line-height: 1.65;
    }


    .pk-festival-text strong {
        display: inline;

        margin-left: 3px;

        font-size: 11px;
    }


    .pk-festival-mobile-text {
        display: inline;

        color: rgba(255,255,255,.72);
    }


    .pk-festival-text b {
        display: inline;

        padding: 0;

        margin-right: 3px;

        background: none;

        color: #65e6dd;

        font-size: 10px;
    }


    .pk-festival-button {
        min-width: 0;
        min-height: 34px;

        padding: 7px 10px;

        border-radius: 8px;

        font-size: 9px;

        white-space: nowrap;
    }


    .pk-festival-button span {
        display: none;
    }


    .pk-festival-close {
        width: 27px;
        height: 27px;

        flex-basis: 27px;

        font-size: 16px;
    }

}


/* very small phones */

@media (max-width: 390px) {

    .pk-festival-button {
        padding: 7px 8px;

        font-size: 8px;
    }

}


/* =====================================================
   Festival bar + fixed header position fix
===================================================== */

:root {
    --pk-festival-height: 0px;
}


/* Festival is always above header */
.pk-festival-bar {
    position: fixed !important;

    top: 0;
    right: 0;
    left: 0;

    z-index: 1100;
}


/* When festival is visible, move website content down */
body.pk-festival-active {
    padding-top: var(--pk-festival-height);
}


/* Header sits exactly under festival */
body.pk-festival-active .pk-header {
    top: var(--pk-festival-height) !important;
}


/* ==========================================
   WordPress admin bar - Desktop
========================================== */

body.admin-bar .pk-festival-bar {
    top: 32px;
}

body.admin-bar.pk-festival-active .pk-header {
    top: calc(
            32px + var(--pk-festival-height)
    ) !important;
}


/* ==========================================
   WordPress admin bar - Mobile
========================================== */

@media screen and (max-width: 782px) {

    body.admin-bar .pk-festival-bar {
        top: 46px;
    }

    body.admin-bar.pk-festival-active .pk-header {
        top: calc(
                46px + var(--pk-festival-height)
        ) !important;
    }

}