{"product_id":"plaud-notepin-s-yapay-zeka-destekli-ses-kayit-cihazi","title":"PLAUD NotePin S Wearable AI-Powered Digital Voice Recorder | AI-to-Text Transcription and Summarization, 112 Language Support, 4 Accessories - Black","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\"\u003e\u003c\/p\u003e\u003cstyle\u003e\n      \/* Reset and Base Styles *\/\n      * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n      }\n\n      body {\n        font-family: -apple-system, BlinkMacMacSystemFont, \"Segoe UI\", Roboto,\n          \"Helvetica Neue\", Arial, sans-serif;\n        line-height: 1.6;\n        color: #333;\n        background-color: #fff;\n      }\n\n      img {\n        max-width: 100%;\n        height: auto;\n        display: block;\n      }\n\n      \/* Container - Max Width 1200px (Global) *\/\n      .container {\n        max-width: 1200px;\n        margin: 0 auto;\n        width: 100%;\n        padding: 0 15px;\n      }\n\n      \/* ========== INNOVATIONS OVERVIEW SECTION STYLES ========== *\/\n\n      .innovations-overview {\n        width: 100%;\n        padding-top: 60px;\n      }\n\n      .section-header {\n        text-align: center;\n        margin-bottom: 40px;\n      }\n\n      .section-title {\n        font-size: 30px;\n        font-weight: 400;\n        color: #1a1a1a;\n        margin: 0;\n        line-height: 3rem;\n      }\n\n      .innovations-content {\n        width: 100%;\n      }\n\n      .innovations-image {\n        width: 100%;\n        overflow: hidden;\n        border-radius: 12px;\n      }\n\n      .innovations-image picture {\n        display: block;\n        width: 100%;\n      }\n\n      .innovations-image img {\n        width: 100%;\n        height: auto;\n        display: block;\n      }\n\n      \/* Section-3 specific: Override for picture elements *\/\n      .section-3 picture.desktop-only {\n        display: none !important;\n      }\n\n      .section-3 picture.mobile-only {\n        display: block !important;\n      }\n\n      \/* Mobile Styles *\/\n      @media (max-width: 767px) {\n        .innovations-overview {\n          padding-top: 40px;\n        }\n\n        .section-header {\n          margin-bottom: 30px;\n        }\n\n        .section-title {\n          font-size: 24px;\n          line-height: 2rem;\n        }\n      }\n\n      \/* ========== ACCESSORIES SECTION STYLES ========== *\/\n\n      .accessories-section {\n        width: 100%;\n        padding-top: 60px;\n      }\n\n      .section-subtitle {\n        font-size: 16px;\n        color: #666;\n        margin-top: 15px;\n        line-height: 1.8;\n        max-width: 900px;\n        margin-left: auto;\n        margin-right: auto;\n      }\n\n      .accessories-content {\n        width: 100%;\n      }\n\n      .accessories-image {\n        width: 100%;\n        overflow: hidden;\n        border-radius: 12px;\n        margin-bottom: 30px;\n      }\n\n      .accessories-image picture {\n        display: block;\n        width: 100%;\n      }\n\n      .accessories-image img {\n        width: 100%;\n        height: auto;\n        display: block;\n      }\n\n      .accessories-note {\n        border-radius: 12px;\n        text-align: center;\n      }\n\n      .accessories-note p {\n        font-size: 14px;\n        color: #666;\n        line-height: 1.8;\n        margin: 0;\n      }\n\n      \/* Mobile Styles *\/\n      @media (max-width: 767px) {\n        .accessories-section {\n          padding-top: 40px;\n        }\n\n        .section-subtitle {\n          font-size: 14px;\n          margin-top: 10px;\n        }\n\n        .accessories-image {\n          margin-bottom: 20px;\n        }\n\n        .accessories-note p {\n          font-size: 13px;\n        }\n      }\n\n      \/* ========== SECTION 1 STYLES ========== *\/\n\n      \/* Section 1 Main *\/\n      .section-1 {\n        width: 100%;\n      }\n\n      \/* Section 1 Header *\/\n      .section-1-header {\n        text-align: center;\n        margin-bottom: 40px;\n      }\n\n      .section-1-title {\n        font-size: 30px;\n        font-weight: 400;\n        color: #1a1a1a;\n        margin: 0;\n        line-height: 3rem;\n      }\n\n      \/* Section 1 Grid *\/\n      .section-1-grid {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 30px;\n        width: 100%;\n      }\n\n      \/* Section 1 Item *\/\n      .section-1-item {\n        width: 100%;\n      }\n\n      \/* Section 1 Block *\/\n      .section-1-block {\n        background: #f8f8f8;\n        border-radius: 12px;\n        overflow: hidden;\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n      }\n\n      .section-1-block:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n      }\n\n      \/* Section 1 Media (Desktop) *\/\n      .section-1-media {\n        position: relative;\n        width: 100%;\n        overflow: hidden;\n        background-color: #f0f0f0;\n      }\n\n      .section-1-media picture {\n        display: block;\n        width: 100%;\n      }\n\n      .section-1-media img {\n        width: 100%;\n        height: auto;\n        display: block;\n        object-fit: cover;\n      }\n\n      \/* Section 1 Content (Mobile) *\/\n      .section-1-content {\n        width: 100%;\n      }\n\n      \/* Section 1 Media Wrapper (Mobile) *\/\n      .section-1-media-wrapper {\n        position: relative;\n        width: 100%;\n        overflow: hidden;\n        background-color: #f0f0f0;\n        border-radius: 12px;\n      }\n\n      .section-1-media-wrapper picture {\n        display: block;\n        width: 100%;\n      }\n\n      .section-1-media-wrapper img {\n        width: 100%;\n        height: auto;\n        display: block;\n        object-fit: cover;\n      }\n\n      \/* Responsive Display Control - 900px Breakpoint *\/\n      .desktop-only {\n        display: none;\n      }\n\n      .mobile-only {\n        display: block;\n      }\n\n      \/* Responsive Styles *\/\n\n      \/* Tablet - 768px and above *\/\n      @media (min-width: 768px) {\n        .section-1-title {\n          font-size: 42px;\n        }\n        .desktop-only {\n          display: block;\n        }\n\n        .mobile-only {\n          display: none;\n        }\n        \/* Section 1 *\/\n        .section-1 {\n          padding-top: 30px;\n        }\n\n        .section-1-header {\n          margin-bottom: 50px;\n        }\n\n        .section-1-grid {\n          grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n          gap: 40px;\n        }\n\n        \/* Section 2 *\/\n\n        .section-2-title {\n          font-size: 2.5rem;\n        }\n\n        .section-2-tabs {\n          padding: 45px 20px;\n        }\n\n        .section-2-tab {\n          font-size: 1.75rem;\n        }\n      }\n\n      \/* Desktop - 1024px and above *\/\n      @media (max-width: 800px) {\n        .section-padding-top {\n          padding-top: 50px !important;\n        }\n      }\n      @media (min-width: 1024px) {\n        \/* Section 1 *\/\n\n        .section-1-header {\n          margin-bottom: 60px;\n        }\n\n        .section-2-title {\n          font-size: 3rem;\n        }\n\n        .section-2-header {\n          margin-bottom: 50px;\n        }\n\n        .section-2-tabs {\n          padding: 50px 30px;\n        }\n\n        .section-2-tab {\n          font-size: 2rem;\n        }\n      }\n\n      \/* Large Desktop - 1200px and above *\/\n      @media (min-width: 1200px) {\n        .container {\n          padding: 0 30px;\n        }\n      }\n\n      \/* Tablet and below - 768px and below *\/\n      @media (max-width: 768px) {\n        \/* Section 2 - Hide tabs on mobile *\/\n        .section-2-tabs {\n          display: none !important;\n        }\n\n        \/* Section 2 - Show all videos vertically on mobile *\/\n        .section-2-videos {\n          flex-direction: column;\n          gap: 3rem;\n          margin-top: 30px;\n        }\n\n        \/* Section 2 - Show all video items on mobile *\/\n        .section-2-video-item {\n          display: block !important;\n          opacity: 1 !important;\n        }\n\n        \/* Mobile - Video title colors (always visible) *\/\n        .title-capture {\n          color: #39f672;\n        }\n\n        .title-extract {\n          color: #00d0ff;\n        }\n\n        .title-utilize {\n          color: #7b35eb;\n        }\n\n        \/* Section 2 - Smaller video controls on mobile *\/\n        .section-2-video-controls {\n          bottom: 15px;\n          right: 15px;\n          width: 32px;\n          height: 32px;\n          opacity: 1 !important;\n        }\n\n        .section-2-video-controls svg {\n          width: 32px;\n          height: 32px;\n        }\n\n        \/* Mobile - Keep controls always visible *\/\n        .section-2-video-container.playing .section-2-video-controls {\n          opacity: 1 !important;\n        }\n        \/* Section 1 *\/\n        .section-1 {\n          padding-top: 40px;\n        }\n\n        .section-1-header {\n          margin-bottom: 30px;\n        }\n\n        .section-1-grid {\n          gap: 20px;\n        }\n\n        \/* Section 2 *\/\n        .section-2 {\n          padding-top: 40px;\n        }\n\n        .section-2-title {\n          font-size: 1.5rem;\n        }\n\n        .section-2-header {\n          margin-bottom: 30px;\n        }\n\n        .section-2-tabs {\n          padding: 25px 10px;\n          gap: 10px;\n          flex-direction: column;\n        }\n\n        .section-2-tab {\n          font-size: 1.25rem;\n        }\n\n        .section-2-video-title {\n          font-size: 1.25rem;\n          display: block !important;\n        }\n\n        .section-2-video-desc {\n          font-size: 1rem;\n        }\n\n        .section-2-video-controls {\n          bottom: 10px;\n          right: 10px;\n          width: 28px;\n          height: 28px;\n        }\n\n        .section-2-video-controls svg {\n          width: 28px;\n          height: 28px;\n        }\n      }\n\n      \/* ========== SECTION 2 STYLES ========== *\/\n\n      \/* Section 2 Main *\/\n      .section-2 {\n        width: 100%;\n      }\n\n      \/* Section 2 Header *\/\n      .section-2-header {\n        text-align: center;\n        margin-bottom: 40px;\n      }\n\n      .section-2-title {\n        font-size: 2rem;\n        font-weight: 700;\n        color: #1a1a1a;\n        margin: 0;\n      }\n\n      \/* Section 2 Tabs *\/\n      .section-2-tabs {\n        display: flex;\n        justify-content: space-around;\n        list-style: none;\n        margin: 0;\n        padding: 10px 15px;\n        gap: 20px;\n        background: #f7f7f7b3;\n        border-radius: 12px;\n        backdrop-filter: blur(10px);\n      }\n\n      .section-2-tab {\n        font-size: 1.5rem;\n        font-weight: 400;\n        color: #666;\n        cursor: pointer;\n        transition: all 0.3s ease;\n        margin: 0;\n        border-radius: 8px;\n        user-select: none;\n        text-align: center;\n      }\n\n      .section-2-tab.active {\n        font-weight: 600;\n      }\n\n      \/* Desktop - Tab colors when active *\/\n      .section-2-tab.tab-capture.active {\n        color: #39f672;\n      }\n\n      .section-2-tab.tab-extract.active {\n        color: #00d0ff;\n      }\n\n      .section-2-tab.tab-utilize.active {\n        color: #7b35eb;\n      }\n\n      \/* Desktop - Tab colors on hover *\/\n      .section-2-tab.tab-capture:hover {\n        color: #39f672;\n      }\n\n      .section-2-tab.tab-extract:hover {\n        color: #00d0ff;\n      }\n\n      .section-2-tab.tab-utilize:hover {\n        color: #7b35eb;\n      }\n\n      \/* Section 2 Videos *\/\n      .section-2-videos {\n        margin-top: 40px;\n        display: flex;\n        width: 100%;\n        overflow: hidden;\n        gap: 40px;\n        opacity: 1;\n        transition: opacity 0.3s ease;\n      }\n\n      \/* Hide videos during screen size transition *\/\n      .section-2-videos.transitioning {\n        opacity: 0;\n        pointer-events: none;\n      }\n\n      \/* Section 2 Video Item *\/\n      .section-2-video-item {\n        width: 100%;\n        display: none;\n        opacity: 0;\n        transition: opacity 0.3s ease;\n      }\n\n      .section-2-video-item.active {\n        display: block;\n        opacity: 1;\n      }\n\n      \/* Section 2 Video Title *\/\n      .section-2-video-title {\n        font-size: 1.5rem;\n        font-weight: 700;\n        text-align: center;\n        margin: 0 0 15px 0;\n        color: #1a1a1a;\n        display: none;\n      }\n\n      \/* Section 2 Video Description *\/\n      .section-2-video-desc {\n        font-size: 1.125rem;\n        font-weight: 400;\n        text-align: center;\n        margin: 0 0 25px 0;\n        color: #666;\n      }\n\n      .section-2-video-desc p {\n        margin: 0;\n      }\n\n      \/* Section 2 Video Container *\/\n      .section-2-video-container {\n        position: relative;\n        width: 100%;\n        aspect-ratio: 2.4;\n        overflow: hidden;\n        border-radius: 12px;\n        background: #000;\n        cursor: pointer;\n        user-select: none;\n        -webkit-tap-highlight-color: transparent;\n        touch-action: manipulation;\n      }\n\n      .section-2-video-container video {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n      }\n\n      \/* Section 2 Video Poster *\/\n      .section-2-video-poster {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        z-index: 1;\n        transition: opacity 0.3s ease;\n      }\n\n      .section-2-video-poster picture {\n        display: block;\n        width: 100%;\n        height: 100%;\n      }\n\n      .section-2-video-poster img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n      }\n\n      .section-2-video-container.playing .section-2-video-poster {\n        opacity: 0;\n        pointer-events: none;\n      }\n\n      \/* Section 2 Video Controls *\/\n      .section-2-video-controls {\n        position: absolute;\n        bottom: 20px;\n        right: 20px;\n        width: 43px;\n        height: 43px;\n        z-index: 2;\n        cursor: pointer;\n        opacity: 1;\n        transition: opacity 0.3s ease;\n      }\n\n      .section-2-video-controls svg {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 43px;\n        height: 43px;\n        color: #000000;\n        transition: transform 0.3s ease, opacity 0.3s ease;\n        filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.3));\n      }\n\n      .section-2-video-controls:hover svg {\n        transform: scale(1.15);\n      }\n\n      .section-2-video-controls .pause-btn {\n        display: none;\n      }\n\n      .section-2-video-container.playing .section-2-video-controls {\n        opacity: 0.7;\n      }\n\n      .section-2-video-container.playing:hover .section-2-video-controls {\n        opacity: 1;\n      }\n\n      .section-2-video-container.playing .section-2-video-controls .play-btn {\n        display: none;\n      }\n\n      .section-2-video-container.playing .section-2-video-controls .pause-btn {\n        display: block;\n      }\n\n      \/* ========== SECTION 3 STYLES ========== *\/\n\n      \/* Section 3 Main *\/\n      .section-3 {\n        width: 100%;\n        background: #fff;\n      }\n\n      \/* Section 3 Header *\/\n      .section-3-header {\n        text-align: center;\n        margin-bottom: 50px;\n      }\n\n      .section-3-pre-heading {\n        margin-bottom: 10px;\n      }\n\n      .section-3-pre-heading p {\n        font-size: 1rem;\n        font-weight: 500;\n        color: #2faded;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        margin: 0;\n      }\n\n      .section-3-heading h2 {\n        font-size: 2.5rem;\n        font-weight: 700;\n        color: #1a1a1a;\n        margin: 0 0 15px 0;\n        line-height: 1.2;\n      }\n\n      .section-3-sub-heading {\n        margin-top: 15px;\n      }\n      .section-3-sub-heading p {\n        font-size: 1.125rem;\n        font-weight: 400;\n        color: #666;\n        max-width: 800px;\n        margin: 0 auto;\n      }\n\n      \/* Section 3 Accordion *\/\n      .section-3-accordion {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 30px;\n        width: 100%;\n      }\n\n      \/* Section 3 Media Slider *\/\n      .section-3-media-slider {\n        width: 100%;\n        position: relative;\n        overflow: hidden;\n        border-radius: 0;\n      }\n\n      .section-3-media-slider .swiper-wrapper {\n        display: flex;\n        height: auto !important;\n        margin-bottom: 20px !important;\n      }\n\n      .section-3-media-slider .swiper-slide {\n        width: 100%;\n        display: flex;\n        flex-direction: column;\n        gap: 20px;\n      }\n\n      .section-3-media-item {\n        width: 100%;\n        border-radius: 12px;\n        overflow: hidden;\n        background: #f0f0f0;\n        position: relative;\n      }\n\n      .section-3-media-item picture {\n        display: block;\n        width: 100%;\n      }\n\n      .section-3-media-item img {\n        width: 100%;\n        height: auto;\n        display: block;\n        object-fit: cover;\n      }\n\n      .section-3-media-elevated {\n        background-color: white;\n        max-height: 500px;\n      }\n\n      \/* Section 3 Content Item *\/\n      .section-3-content-item {\n        transition: all 0.3s ease;\n        cursor: pointer;\n      }\n\n      .section-3-content-item.active {\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n      }\n\n      .section-3-item-pre-title {\n        display: block;\n        font-size: 0.875rem;\n        font-weight: 600;\n        color: #2faded;\n        letter-spacing: 0.5px;\n        margin-bottom: 8px;\n      }\n\n      .section-3-item-title {\n        font-size: 1.25rem;\n        font-weight: 400 !important;\n        color: #1a1a1a;\n        margin: 0 0 10px 0;\n        line-height: 1.3;\n      }\n\n      .section-3-item-content {\n        font-size: 1rem;\n        font-weight: 400;\n        color: #666;\n        margin: 0;\n        line-height: 1.6;\n      }\n\n      \/* Desktop Content List *\/\n      .section-3-content-list {\n        display: none;\n      }\n\n      .section-3-content-list ul {\n        list-style: none;\n        margin: 0;\n        padding: 0;\n        display: flex;\n        flex-direction: column;\n        gap: 15px;\n      }\n\n      \/* Mobile: Content items inside slides *\/\n      .section-3-media-slider .section-3-content-item {\n        display: block;\n        background: transparent;\n        padding: 15px 0 0 0;\n        border-radius: 0;\n        cursor: default;\n      }\n\n      \/* Swiper Controls *\/\n      .section-3-swiper-control {\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        padding: 0;\n        width: 100%;\n        z-index: 10;\n      }\n\n      .section-3-control-left {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n      }\n\n      .section-3-control-right {\n        display: flex;\n        align-items: center;\n      }\n\n      .section-3-swiper-control .swiper-button-prev,\n      .section-3-swiper-control .swiper-button-next,\n      .section-3-play-pause-btn {\n        position: static;\n        width: 48px;\n        height: 48px;\n        margin: 0;\n        cursor: pointer;\n        transition: transform 0.3s ease, opacity 0.3s ease;\n        flex-shrink: 0;\n      }\n\n      .section-3-swiper-control .swiper-button-prev:hover,\n      .section-3-swiper-control .swiper-button-next:hover,\n      .section-3-play-pause-btn:hover {\n        transform: scale(1.1);\n      }\n\n      .section-3-swiper-control .swiper-button-prev.swiper-button-disabled,\n      .section-3-swiper-control .swiper-button-next.swiper-button-disabled {\n        opacity: 0.3;\n        cursor: not-allowed;\n      }\n\n      .section-3-swiper-control .swiper-button-prev::after,\n      .section-3-swiper-control .swiper-button-next::after {\n        display: none;\n      }\n\n      .section-3-swiper-control .swiper-button-prev svg,\n      .section-3-swiper-control .swiper-button-next svg,\n      .section-3-play-pause-btn svg {\n        width: 48px;\n        height: 48px;\n        display: block;\n      }\n\n      \/* Play\/Pause Button *\/\n      .section-3-play-pause-btn {\n        position: relative;\n        width: 48px;\n        height: 48px;\n      }\n\n      .section-3-play-pause-btn .pause-icon {\n        display: block;\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 48px;\n        height: 48px;\n      }\n\n      .section-3-play-pause-btn .play-icon {\n        display: none;\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 48px;\n        height: 48px;\n      }\n\n      .section-3-play-pause-btn.paused .pause-icon {\n        display: none;\n      }\n\n      .section-3-play-pause-btn.paused .play-icon {\n        display: block;\n      }\n\n      \/* Swiper Pagination *\/\n      .section-3-swiper-control .swiper-pagination {        position: static;\n        display: flex;\n        gap: 6px;\n        width: auto;\n      }\n\n      .section-3-swiper-control .swiper-pagination-bullet {\n        width: 6px;\n        height: 6px;\n        background: #d9d9d9;\n        opacity: 1;\n        border-radius: 0;\n        margin: 0;\n        position: relative;\n        overflow: visible;\n        transition: all 0.3s ease;\n      }\n\n      .section-3-swiper-control .swiper-pagination-bullet-active {\n        min-width: 250px;\n      }\n\n      .section-3-swiper-control .swiper-pagination-bullet::before {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: #39f672;\n        border-radius: 0;\n        transform: scaleX(0);\n        transform-origin: left center;\n        transition: transform 0.1s linear;\n      }\n\n      .section-3-swiper-control .swiper-pagination-bullet-active::before {\n        animation: progressGrow 5s linear forwards;\n      }\n\n      .section-3-swiper-control .swiper-pagination-bullet.paused::before {\n        animation-play-state: paused;\n      }\n\n      @keyframes progressGrow {\n        from {\n          transform: scaleX(0);\n        }\n        to {\n          transform: scaleX(1);\n        }\n      }\n\n      @keyframes progressGrowVertical {\n        from {\n          transform: scaleY(0);\n        }\n        to {\n          transform: scaleY(1);\n        }\n      }\n\n      \/* Desktop - 768px and above *\/\n      @media (min-width: 768px) {\n      }\n\n      \/* Large Desktop - 1024px and above *\/\n      @media (min-width: 1024px) {\n      }\n\n      \/* Section 3 Desktop - 1280px and above *\/\n      @media (min-width: 1280px) {\n        .section-3-media-elevated {\n          max-height: 300px;\n          height: 100%;\n          object-fit: contain;\n        }\n        .section-3-heading h2 {\n          font-size: 3.5rem;\n        }\n\n        .section-3-sub-heading p {\n          font-size: 1.25rem;\n        }\n\n        .section-3-accordion {\n          grid-template-columns: 1.5fr 1fr;\n          gap: 50px;\n          align-items: center;\n          display: grid;\n        }\n\n        \/* Default order: image left, content right *\/\n        .section-3-media-slider {\n          order: 1;\n        }\n\n        .section-3-content-list {\n          order: 2;\n        }\n\n        \/* Reverse order: content left, image right *\/\n        .section-3.section-3-reverse .section-3-accordion {\n          grid-template-columns: 1fr 1.5fr;\n        }\n\n        .section-3.section-3-reverse .section-3-media-slider {\n          order: 2;\n        }\n\n        .section-3.section-3-reverse .section-3-content-list {\n          order: 1;\n        }\n\n        .section-3-slider-wrapper {\n          gap: 20px;\n        }\n\n        .section-3-media-slider {\n          border-radius: 12px;\n          overflow: hidden;\n        }\n\n        .section-3-media-slider .swiper-slide {\n          flex-direction: column;\n          gap: 0;\n        }\n\n        \/* Desktop: Make slider images with 585:542 aspect ratio *\/\n        .section-3-media-item {\n          aspect-ratio: 585 \/ 542;\n          overflow: hidden;\n        }\n\n        .section-3-media-item picture {\n          width: 100%;\n          height: 100%;\n        }\n\n        .section-3-media-item img {\n          width: 100%;\n          height: 100%;\n          object-fit: cover;\n          object-position: left;\n        }\n\n        .section-3-content-list {\n          display: block;\n        }\n\n        \/* Desktop: Hide content items inside slides *\/\n        .section-3-media-slider .section-3-content-item {\n          display: none;\n        }\n\n        \/* Desktop: Hide swiper controls *\/\n        .section-3-swiper-control {\n          display: none;\n        }\n\n        .section-3-item-title {\n          font-size: 1.75rem;\n        }\n\n        .section-3-item-content {\n          font-size: 1.125rem;\n        }\n\n        .section-3-content-list .section-3-content-item {\n          opacity: 0.5;\n          border-left: 2px solid #d9d9d9;\n          padding-left: 20px;\n          position: relative;\n        }\n\n        \/* Desktop: Hide all content descriptions by default *\/\n        .section-3-content-list\n          .section-3-content-item\n          .section-3-item-content {\n          display: none;\n        }\n\n        .section-3-content-list .section-3-content-item.active {\n          opacity: 1;\n          border-left-color: #d9d9d9;\n          background: transparent;\n          box-shadow: none;\n        }\n\n        \/* Desktop: Vertical progress bar on active item *\/\n        .section-3-content-list .section-3-content-item.active::before {\n          content: \"\";\n          position: absolute;\n          top: 0;\n          left: -3px;\n          width: 5px;\n          height: 100%;\n          background: #39f672;\n          transform: scaleY(0);\n          transform-origin: top center;\n          animation: progressGrowVertical 5s linear forwards;\n        }\n\n        \/* Desktop: Pause progress animation *\/\n        .section-3-content-list .section-3-content-item.active.paused::before {\n          animation-play-state: paused;\n        }\n\n        \/* Desktop: Show only active item's content description *\/\n        .section-3-content-list\n          .section-3-content-item.active\n          .section-3-item-content {\n          display: block;\n        }\n\n        .section-3-content-list .section-3-content-item:hover {\n          opacity: 0.8;\n        }\n\n        \/* Section-3 picture display control for desktop *\/\n        .section-3 picture.mobile-only {\n          display: none !important;\n        }\n\n        .section-3 picture.desktop-only {\n          display: block !important;\n        }\n      }\n\n      \/* ========== FREE STARTER PLAN \u0026 PRODUCTIVITY STATS SECTIONS ========== *\/\n\n      .shopify-section {\n        width: 100%;\n      }\n\n      \/* .section {\n  padding: 80px 0;\n  width: 100%;\n} *\/\n\n      .sec__multi-content {\n        width: 100%;\n      }\n\n      .section-padding-top {\n        padding-top: 100px !important;\n      }\n\n      .gradient {\n        background: transparent;\n      }\n\n      .color-default {\n        color: #333;\n      }\n\n      \/* Section Header *\/\n      .section__header {\n        margin-bottom: 60px;\n      }\n\n      .mb-33 {\n        margin-bottom: 33px;\n      }\n\n      .mb-sm-20 {\n        margin-bottom: 20px;\n      }\n\n      .cs-section-header {\n        text-align: center;\n      }\n\n      .section-heading h2 {\n        font-size: 48px;\n        font-weight: 600;\n        color: #000;\n        margin: 0 0 12px 0;\n        line-height: 1.2;\n      }\n\n      .section-sub-heading {\n        font-size: 20px;\n        color: #666;\n        margin: 0;\n        line-height: 1.6;\n      }\n\n      \/* Multi Content Layout - Desktop: 2 columns, Mobile: 1 column *\/\n      .multi-content-js {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 0;\n        width: 100%;\n      }\n\n      .flex {\n        display: flex;\n      }\n\n      .flex-wrap {\n        flex-wrap: wrap;\n      }\n\n      .flex-col-custom {\n        flex-direction: column;\n      }\n\n      .flex-column {\n        flex-direction: column;\n      }\n\n      .relative {\n        position: relative;\n      }\n\n      .block {\n        display: block;\n      }\n\n      .w-full {\n        width: 100%;\n      }\n\n      .h-full {\n        height: 100%;\n      }\n\n      .w-auto {\n        width: auto;\n      }\n\n      \/* Column Parent Block - Desktop 50\/50, Mobile 100% *\/\n      .col_parent_block {\n        width: 100%;\n      }\n\n      \/* Productivity Section Specific *\/\n      #template--26186042999147__ww_multi_content_AUz7nA .multi-content-js {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 40px;\n      }\n\n      #template--26186042999147__ww_multi_content_AUz7nA\n        .col_parent_block[data-block-id=\"col_parent_erNfyK\"] {\n        order: 1;\n      }\n\n      #template--26186042999147__ww_multi_content_AUz7nA\n        .col_parent_block[data-block-id=\"col_parent_4YbhfV\"] {\n        order: 2;\n      }\n\n      .section__block {\n        width: 100%;\n      }\n\n      .section__block-inner {\n        width: 100%;\n        height: 100%;\n        display: flex;\n        flex-wrap: wrap;\n        gap: 20px;\n      }\n\n      .multi-content-block {\n        width: 100%;\n      }\n\n      \/* Content Blocks *\/\n      .sec__content {\n        padding: 0;\n        border-radius: 0;\n        background: transparent;\n        height: auto;\n      }\n\n      .sec__content-inner {\n        padding: 0;\n      }\n\n      .py-custom {\n        padding-top: 0;\n        padding-bottom: 0;\n      }\n\n      .px-custom {\n        padding-left: 0;\n        padding-right: 0;\n      }\n\n      .mb-custom {\n        margin-bottom: var(--space-bottom, 20px);\n      }\n\n      .mt-custom {\n        margin-top: 0;\n      }\n\n      .mt-0 {\n        margin-top: 0;\n      }\n\n      \/* Typography *\/\n      .ww__title-heading {\n        font-size: 32px;\n        font-weight: 400;\n        line-height: 1.3;\n        margin: 0 0 30px 0;\n        color: #000;\n      }\n\n      .fs-custom {\n        font-size: var(--font-size, 16px);\n      }\n\n      .fs__50 {\n        font-size: 50px;\n        line-height: 1;\n        font-weight: 700;\n        display: inline;\n      }\n\n      .fwb {\n        font-weight: 700;\n      }\n\n      .mr-5 {\n        margin-right: 8px;\n      }\n\n      .body_weight {\n        font-weight: 400;\n      }\n\n      .rich__text-m0 {\n        margin: 0;\n      }\n\n      .rich__text-m0 p {\n        margin: 0;\n        line-height: 1.5;\n        font-size: 16px;\n        color: #333;\n      }\n\n      .rich__text-m0 p .block {\n        display: block;\n        margin-top: 4px;\n        font-size: 14px;\n      }\n\n      \/* Alignment *\/\n      .text-center {\n        text-align: center;\n      }\n\n      .text-left {\n        text-align: left;\n      }\n\n      .justify-left {\n        justify-content: flex-start;\n      }\n\n      .justify-end {\n        justify-content: flex-end;\n      }\n\n      .align-self-start {\n        align-self: flex-start;\n      }\n\n      .align-start {\n        align-items: flex-start;\n      }\n\n      \/* Utilities *\/\n      .rounded {\n        border-radius: 12px;\n      }\n\n      .overflow-hidden {\n        overflow: hidden;\n      }\n\n      .hover_fade {\n        transition: all 0.3s ease;\n      }\n\n      .gap {\n        gap: 20px;\n      }\n\n      .row-gap {\n        row-gap: 30px;\n      }\n\n      \/* Motion Elements *\/\n      motion-element {\n        display: block;\n      }\n\n      .motion-image {\n        display: block;\n        width: 100%;\n        height: 100%;\n      }\n\n      .scroll-trigger {\n        opacity: 1;\n        transform: none;\n      }\n\n      \/* Banner Media *\/\n      .banner__media {\n        width: 100%;\n        height: 100%;\n        overflow: hidden;\n        border-radius: 12px;\n      }\n\n      .banner__media img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        border-radius: 12px;\n      }\n\n      .image-picture {\n        display: block;\n        width: 100%;\n        height: 100%;\n      }\n\n      \/* Viewport Image Loader *\/\n      viewport-image-loader {\n        display: block;\n        width: 100%;\n      }\n\n      \/* Desktop Styles *\/\n      @media screen and (min-width: 768px) {\n        \/* Productivity Section - 2 Column Layout *\/\n        #template--26186042999147__ww_multi_content_AUz7nA .multi-content-js {\n          grid-template-columns: 1fr 1fr;\n          gap: 60px;\n          align-items: center;\n        }\n\n        #template--26186042999147__ww_multi_content_AUz7nA\n          .col_parent_block[data-block-id=\"col_parent_erNfyK\"] {\n          order: 1;\n        }\n\n        #template--26186042999147__ww_multi_content_AUz7nA\n          .col_parent_block[data-block-id=\"col_parent_4YbhfV\"] {\n          order: 2;\n          width: 100%;\n          height: 100%;\n        }\n\n        #template--26186042999147__ww_multi_content_AUz7nA\n          .col_parent_block[data-block-id=\"col_parent_4YbhfV\"]\n          .section__block-inner {\n          width: 100%;\n          height: 100%;\n        }\n\n        #template--26186042999147__ww_multi_content_AUz7nA\n          .col_parent_block[data-block-id=\"col_parent_4YbhfV\"]\n          .multi-content-block {\n          width: 100%;\n          height: 100%;\n        }\n\n        #template--26186042999147__ww_multi_content_AUz7nA .banner__media {\n          width: 100%;\n          height: 100%;\n        }\n\n        #template--26186042999147__ww_multi_content_AUz7nA .banner__media img {\n          width: 100%;\n          height: 100%;\n          object-fit: cover;\n        }\n\n        #template--26186042999147__ww_multi_content_AUz7nA .motion-image {\n          width: 100%;\n          height: 100%;\n        }\n\n        #template--26186042999147__ww_multi_content_AUz7nA .image-picture {\n          width: 100%;\n          height: 100%;\n        }\n\n        #template--26186042999147__ww_multi_content_AUz7nA .sec__content {\n          width: 100%;\n          height: 100%;\n        }\n\n        #template--26186042999147__ww_multi_content_AUz7nA .sec__content-inner {\n          width: 100%;\n        }\n\n        \/* Left side content grid *\/\n        #template--26186042999147__ww_multi_content_AUz7nA\n          .col_parent_block[data-block-id=\"col_parent_erNfyK\"] {\n          width: 100%;\n          height: 100%;\n        }\n\n        #template--26186042999147__ww_multi_content_AUz7nA\n          .col_parent_block[data-block-id=\"col_parent_erNfyK\"]\n          .section__block-inner {\n          display: grid;\n          grid-template-columns: 1fr;\n          gap: 20px;\n          width: 100%;\n          height: 100%;\n        }\n\n        #template--26186042999147__ww_multi_content_AUz7nA\n          .col_parent_block[data-block-id=\"col_parent_erNfyK\"]\n          .multi-content-block:first-child {\n          width: 100%;\n        }\n\n        #template--26186042999147__ww_multi_content_AUz7nA\n          .col_parent_block[data-block-id=\"col_parent_erNfyK\"]\n          .multi-content-block:last-child {\n          width: 100%;\n        }\n\n        \/* Stats in 2 columns *\/\n        #template--26186042999147__ww_multi_content_AUz7nA\n          .col_parent_block[data-block-id=\"col_parent_erNfyK\"]\n          .multi-content-block:nth-child(2),\n        #template--26186042999147__ww_multi_content_AUz7nA\n          .col_parent_block[data-block-id=\"col_parent_erNfyK\"]\n          .multi-content-block:nth-child(3) {\n          display: inline-block;\n          width: 100%;\n          vertical-align: top;\n        }\n\n        .ww__title-heading {\n          font-size: 40px;\n        }\n\n        .fs__50 {\n          font-size: 50px;\n        }\n\n        .col-md-w-custom {\n          width: var(--col-width, 50%);\n        }\n\n        .max-md\\:order- {\n          order: 0;\n        }\n      }\n\n      \/* Mobile Styles *\/\n      @media screen and (max-width: 767px) {\n        .section {\n          padding: 40px 0;\n        }\n\n        .section-top-pc-b {\n          padding-top: 40px;\n        }\n\n        .section-bottom-pc-b {\n          padding-bottom: 40px;\n        }\n\n        .section__header {\n          margin-bottom: 40px;\n        }\n\n        .section-heading h2 {\n          font-size: 28px;\n        }\n\n        .section-sub-heading {\n          font-size: 16px;\n        }\n\n        \/* Mobile: Single column, stats side by side *\/\n        #template--26186042999147__ww_multi_content_AUz7nA .multi-content-js {\n          grid-template-columns: 1fr;\n          gap: 30px;\n        }\n\n        #template--26186042999147__ww_multi_content_AUz7nA\n          .col_parent_block[data-block-id=\"col_parent_erNfyK\"] {\n          order: 1;\n          width: 100%;\n        }\n\n        #template--26186042999147__ww_multi_content_AUz7nA\n          .col_parent_block[data-block-id=\"col_parent_4YbhfV\"] {\n          order: 2;\n          width: 100%;\n        }\n\n        \/* Stats in 2 columns on mobile *\/\n        #template--26186042999147__ww_multi_content_AUz7nA\n          .col_parent_block[data-block-id=\"col_parent_erNfyK\"]\n          .section__block-inner {\n          display: grid;\n          grid-template-columns: 1fr;\n          gap: 15px;\n          width: 100%;\n        }\n\n        #template--26186042999147__ww_multi_content_AUz7nA\n          .col_parent_block[data-block-id=\"col_parent_4YbhfV\"]\n          .section__block-inner {\n          width: 100%;\n        }\n\n        #template--26186042999147__ww_multi_content_AUz7nA\n          .col_parent_block[data-block-id=\"col_parent_4YbhfV\"]\n          .multi-content-block {\n          width: 100%;\n        }\n\n        #template--26186042999147__ww_multi_content_AUz7nA\n          .col_parent_block[data-block-id=\"col_parent_erNfyK\"]\n          .multi-content-block:first-child {\n          width: 100%;\n        }\n\n        #template--26186042999147__ww_multi_content_AUz7nA\n          .col_parent_block[data-block-id=\"col_parent_erNfyK\"]\n          .multi-content-block:nth-child(2),\n        #template--26186042999147__ww_multi_content_AUz7nA\n          .col_parent_block[data-block-id=\"col_parent_erNfyK\"]\n          .multi-content-block:nth-child(3) {\n          display: inline-block;\n          width: calc(50% - 8px);\n          vertical-align: top;\n        }\n\n        #template--26186042999147__ww_multi_content_AUz7nA\n          .col_parent_block[data-block-id=\"col_parent_erNfyK\"]\n          .multi-content-block:last-child {\n          width: 100%;\n        }\n\n        .ww__title-heading {\n          font-size: 24px;\n          margin-bottom: 20px;\n        }\n\n        .fs__50 {\n          font-size: 50px;\n        }\n\n        .rich__text-m0 p {\n          font-size: 14px;\n        }\n\n        .rich__text-m0 p .block {\n          font-size: 12px;\n        }\n\n        .col_parent_block {\n          width: 100% !important;\n        }\n\n        .multi-content-block {\n          width: 100% !important;\n        }\n\n        .banner__media {\n          aspect-ratio: 1.15;\n        }\n\n        #template--26186042999147__ww_multi_content_AUz7nA .banner__media {\n          width: 100%;\n          height: 100%;\n        }\n\n        #template--26186042999147__ww_multi_content_AUz7nA .banner__media img {\n          width: 100%;\n          height: 100%;\n          object-fit: cover;\n        }\n\n        #template--26186042999147__ww_multi_content_AUz7nA .motion-image {\n          width: 100%;\n          height: 100%;\n        }\n\n        #template--26186042999147__ww_multi_content_AUz7nA .image-picture {\n          width: 100%;\n          height: 100%;\n        }\n\n        #template--26186042999147__ww_multi_content_AUz7nA .sec__content {\n          width: 100%;\n        }\n\n        #template--26186042999147__ww_multi_content_AUz7nA .sec__content-inner {\n          width: 100%;\n        }\n      }\n\n      \/* Desktop: stat units inline *\/\n      .stat-unit {\n        display: inline;\n      }\n\n      \/* Desktop: flex-row - yan yana *\/\n      .responsive-flex-row {\n        display: flex;\n        flex-direction: row;\n        gap: 20px;\n      }\n\n      \/* Mobile: stack vertically - alt alta *\/\n      @media (max-width: 768px) {\n        .responsive-flex-row {\n          flex-direction: column !important;\n          gap: 15px !important;\n        }\n\n        .responsive-flex-row .multi-content-block {\n          width: 100% !important;\n        }\n      }\n\n      \/* Mobile: Stack stat numbers and units *\/\n      @media (max-width: 768px) {\n        .stat-unit {\n          display: block !important;\n          margin-top: 5px;\n        }\n      }\n\n      \/* Item number styling *\/\n      .item-num {\n        color: #8f53ed;\n        font-weight: 700;\n        font-size: 1.2em;\n      }\n\n      \/* ========== DUAL MODE RECORDING SECTION ========== *\/\n      .dual-mode-section {\n        padding: 60px 0;\n      }\n\n      .dual-mode-header {\n        text-align: center;\n        margin-bottom: 40px;\n      }\n\n      .dual-mode-title {\n        font-size: 36px;\n        font-weight: 400;\n        color: #1a1a1a;\n        margin: 0 0 15px 0;\n      }\n\n      .dual-mode-subtitle {\n        font-size: 18px;\n        color: #666;\n        margin: 0;\n      }\n\n      .dual-mode-grid {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 30px;\n      }\n\n      .dual-mode-card {\n        background: #f8f8f8;\n        border-radius: 12px;\n        overflow: hidden;\n        position: relative;\n        transition: transform 0.3s ease;\n      }\n\n      .dual-mode-card:hover {\n        transform: translateY(-5px);\n      }\n\n      .dual-mode-image {\n        width: 100%;\n        height: auto;\n        display: block;\n      }\n\n      .dual-mode-content {\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        padding: 30px;\n        background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);\n        color: white;\n      }\n\n      .dual-mode-content h3 {\n        font-size: 28px;\n        font-weight: 400;\n        margin: 0 0 10px 0;\n      }\n\n      .dual-mode-content p {\n        font-size: 16px;\n        margin: 0;\n        opacity: 0.9;\n      }\n\n      @media (min-width: 768px) {\n        .dual-mode-grid {\n          grid-template-columns: repeat(2, 1fr);\n        }\n\n        .dual-mode-title {\n          font-size: 42px;\n        }\n\n        .dual-mode-subtitle {\n          font-size: 20px;\n        }\n      }\n\n      @media (max-width: 767px) {\n        .dual-mode-section {\n          padding: 40px 0;\n        }\n\n        .dual-mode-header {\n          margin-bottom: 30px;\n        }\n\n        .dual-mode-title {\n          font-size: 28px;\n        }\n\n        .dual-mode-content h3 {\n          font-size: 24px;\n        }\n\n        .dual-mode-content p {\n          font-size: 14px;\n        }\n      }\n\n      \/* ========== AI INTELLIGENCE SECTION ========== *\/\n\n      .ai-intelligence-wrapper {\n        position: relative;\n        border-radius: 12px;\n        overflow: hidden;\n        background: #f8f8f8;\n      }\n\n      .ai-intelligence-image {\n        width: 100%;\n        height: auto;\n        display: block;\n      }\n\n      .ai-intelligence-content {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        text-align: center;\n        color: white;\n        width: 90%;\n        max-width: 800px;\n      }\n\n      .ai-intelligence-label {\n        font-size: 24px;\n        font-weight: 400;\n        margin: 0 0 10px 0;\n        display: inline-block;\n        background: linear-gradient(90deg, #00d0ff, #f25fff);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        color: transparent;\n      }\n\n      .ai-intelligence-title {\n        font-size: 36px;\n        font-weight: 400;\n        margin: 0 0 15px 0;\n        line-height: 1.3;\n        color: #000;\n      }\n\n      .ai-intelligence-description {\n        font-size: 18px;\n        margin: 0;\n        opacity: 0.9;\n        line-height: 1.5;\n        color: #000;\n      }\n\n      @media (min-width: 768px) {\n        .ai-intelligence-label {\n          font-size: 28px;\n        }\n\n        .ai-intelligence-title {\n          font-size: 40px;\n        }\n\n        .ai-intelligence-description {\n          font-size: 20px;\n        }\n      }\n\n      @media (max-width: 767px) {\n        .ai-intelligence-label {\n          font-size: 18px;\n          margin-bottom: 8px;\n        }\n\n        .ai-intelligence-title {\n          font-size: 28px;\n          margin-bottom: 12px;\n        }\n\n        .ai-intelligence-description {\n          font-size: 16px;\n        }\n      }\n\n      \/* ========== STARTER PLAN SECTION ========== *\/\n\n      .starter-plan-header {\n        text-align: center;\n        margin-bottom: 40px;\n      }\n\n      .starter-plan-title {\n        font-size: 36px;\n        font-weight: 400;\n        color: #1a1a1a;\n        margin: 0 0 15px 0;\n      }\n\n      .starter-plan-subtitle {\n        font-size: 18px;\n        color: #666;\n        margin: 0;\n        line-height: 1.6;\n      }\n\n      .starter-plan-content {\n        background: white;\n        border-radius: 12px;\n        overflow: hidden;\n      }\n\n      .starter-plan-image {\n        width: 100%;\n        height: auto;\n        display: block;\n      }\n\n      .starter-plan-disclaimer {\n        padding-top: 30px;\n        background: white;\n      }\n\n      .starter-plan-disclaimer p {\n        font-size: 14px;\n        color: #666;\n        margin: 0;\n        line-height: 1.6;\n      }\n\n      @media (min-width: 768px) {\n        .starter-plan-title {\n          font-size: 42px;\n        }\n\n        .starter-plan-subtitle {\n          font-size: 20px;\n        }\n\n        .starter-plan-disclaimer {\n          padding-top: 40px;\n        }\n      }\n\n      @media (max-width: 767px) {\n        .starter-plan-header {\n          margin-bottom: 30px;\n        }\n\n        .starter-plan-title {\n          font-size: 28px;\n        }\n\n        .starter-plan-subtitle {\n          font-size: 16px;\n        }\n\n        .starter-plan-disclaimer {\n          padding: 20px;\n        }\n      }\n\n      \/* ========== PRODUCTIVITY SECTION ========== *\/\n      .productivity-section {\n        padding: 60px 0;\n      }\n\n      .productivity-grid {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 30px;\n      }\n\n      .productivity-image-wrapper {\n        border-radius: 12px;\n        overflow: hidden;\n      }\n\n      .productivity-image {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        display: block;\n      }\n\n      .productivity-content {\n        display: flex;\n        flex-direction: column;\n        gap: 20px;\n      }\n\n      .productivity-title {\n        font-size: 32px;\n        font-weight: 400;\n        color: #1a1a1a;\n        margin: 0;\n        line-height: 1.3;\n      }\n\n      .productivity-stats {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 20px;\n      }\n\n      .productivity-stat-card {\n        padding: 24px 0;\n        border-radius: 8px;\n      }\n\n      .productivity-stat-card h3 {\n        font-size: 30px;\n        font-weight: 500;\n        color: #1a1a1a;\n        margin: 0 0 8px 0;\n      }\n\n      .productivity-stat-card p {\n        font-size: 14px;\n        color: #666;\n        margin: 0;\n        line-height: 1.5;\n      }\n\n      .productivity-disclaimer {\n        font-size: 12px;\n        color: #666;\n        line-height: 1.6;\n        margin: 0;\n      }\n\n      @media (min-width: 768px) {\n        .productivity-grid {\n          grid-template-columns: repeat(2, 1fr);\n          gap: 30px;\n        }\n\n        .productivity-title {\n          font-size: 40px;\n        }\n\n        .productivity-stats {\n          grid-template-columns: repeat(2, 1fr);\n        }\n      }\n\n      @media (max-width: 767px) {\n        .productivity-section {\n          padding: 40px 0;\n        }\n\n        .productivity-title {\n          font-size: 28px;\n        }\n\n        .productivity-stat-card {\n          padding: 20px 0;\n        }\n      }\n\n      \/* ========== SPECIFICATION SECTION ========== *\/\n      .specification-section {\n        padding: 60px 0;\n      }\n\n      .specification-header {\n        margin-bottom: 40px;\n      }\n\n      .specification-title {\n        font-size: 36px;\n        font-weight: 400;\n        color: #1a1a1a;\n        margin: 0;\n      }\n\n      .specification-grid {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 30px;\n      }\n\n      .specification-item {\n        border-radius: 8px;\n      }\n\n      .specification-item p {\n        font-size: 16px;\n        color: #666;\n        margin: 0 0 8px 0;\n      }\n\n      .specification-item strong {\n        font-size: 18px;\n        color: #1a1a1a;\n        font-weight: 700;\n        display: block;\n        margin-top: 4px;\n      }\n\n      @media (min-width: 768px) {\n        .specification-title {\n          font-size: 42px;\n        }\n\n        .specification-grid {\n          grid-template-columns: repeat(4, 1fr);\n        }\n\n        .specification-item p {\n          font-size: 18px;\n        }\n\n        .specification-item strong {\n          font-size: 20px;\n        }\n      }\n\n      @media (max-width: 767px) {\n        .specification-section {\n          padding: 40px 0;\n        }\n\n        .specification-header {\n          margin-bottom: 30px;\n        }\n\n        .specification-title {\n          font-size: 28px;\n        }\n\n        .specification-item {\n          padding: 20px;\n        }\n\n        .specification-item p {\n          font-size: 14px;\n        }\n\n        .specification-item strong {\n          font-size: 16px;\n        }\n      }\n    \u003c\/style\u003e\n\u003c!-- ========== INNOVATIONS OVERVIEW SECTION START ========== --\u003e\n\u003csection class=\"section-padding-top innovations-overview\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-1-title\"\u003eKey innovations\u003c\/h2\u003e\u003c\/div\u003e\n\u003cdiv class=\"innovations-content\"\u003e\n\u003cdiv class=\"innovations-image\"\u003e\u003cpicture\u003e \u003csource media=\"(max-width: 767px)\"\u003e \u003cimg alt=\"Core Innovations\" width=\"3814\" height=\"1840\" loading=\"lazy\" sizes=\"(min-width: 1200px) 1200px, 100vw\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0559\/9235\/2977\/files\/web-aciklama-plaud-notepin-s-1.jpg?v=1773408162\" style=\"width: 100%; height: auto;\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ========== INNOVATIONS OVERVIEW SECTION END ========== --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- ========== ACCESSORIES SECTION START ========== --\u003e\n\u003csection class=\"section-padding-top accessories-section\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eWear it your way with included accessories.\u003c\/h2\u003e\n\u003cp class=\"section-subtitle\"\u003eInstantly adapt Plaud NotePin S to your workflow with the four included accessories. Choose between a lanyard, wristband, clip, or magnetic pin to match your routine. Stay professional and keep your insights close at hand, all day long.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"accessories-content\"\u003e\n\u003cdiv class=\"accessories-image\"\u003e\u003cpicture\u003e \u003csource media=\"(max-width: 767px)\" srcset=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/wear-notepin-s.webp?v=1767115246\u0026amp;width=767 767w\"\u003e \u003cimg alt=\"Wear it your way with included accessories\" width=\"3000\" height=\"1252\" loading=\"lazy\" sizes=\"(min-width: 1200px) 1200px, 100vw\" src=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/wear-notepin-s.webp?v=1767115246\u0026amp;width=3000\" srcset=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/wear-notepin-s.webp?v=1767115246\u0026amp;width=3000 3000w,\n                  https:\/\/www.plaud.ai\/cdn\/shop\/files\/wear-notepin-s.webp?v=1767115246\u0026amp;width=2400 2400w,\n                  https:\/\/www.plaud.ai\/cdn\/shop\/files\/wear-notepin-s.webp?v=1767115246\u0026amp;width=1920 1920w,\n                  https:\/\/www.plaud.ai\/cdn\/shop\/files\/wear-notepin-s.webp?v=1767115246\u0026amp;width=1500 1500w,\n                  https:\/\/www.plaud.ai\/cdn\/shop\/files\/wear-notepin-s.webp?v=1767115246\u0026amp;width=1370 1370w,\n                  https:\/\/www.plaud.ai\/cdn\/shop\/files\/wear-notepin-s.webp?v=1767115246\u0026amp;width=1100 1100w,\n                  https:\/\/www.plaud.ai\/cdn\/shop\/files\/wear-notepin-s.webp?v=1767115246\u0026amp;width=768   768w\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003cdiv class=\"accessories-note\"\u003e\n\u003cp\u003eNote: If you have a pacemaker, please avoid wearing NotePin S in your chest area (including lanyard, magnetic pin, or clip) due to its magnetic properties.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ========== ACCESSORIES SECTION END ========== --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- ========== SECTION 2 START ========== --\u003e\n\u003csection class=\"section-2 section-padding-top\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"section-2-header\"\u003e\n\u003ch2 class=\"section-1-title\"\u003eWearable AI notetaker maximizing productivity\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cul class=\"section-2-tabs\"\u003e\n\u003cli class=\"section-2-tab tab-capture active\" data-color=\"#39f672\"\u003eCapture\u003c\/li\u003e\n\u003cli class=\"section-2-tab tab-extract\" data-color=\"#00d0ff\"\u003eExtract\u003c\/li\u003e\n\u003cli class=\"section-2-tab tab-utilize\" data-color=\"#7b35eb\"\u003eUtilize\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"section-2-videos\"\u003e\n\u003cdiv class=\"section-2-video-item video-capture active\"\u003e\n\u003ch3 class=\"section-2-video-title title-capture\"\u003eCapture\u003c\/h3\u003e\n\u003cdiv class=\"section-2-video-desc\"\u003e\n\u003cp\u003eAudio | Highlight | Text | Image\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-2-video-container\"\u003e\n\u003cvideo muted=\"\" loop=\"loop\" playsinline=\"\" preload=\"none\"\u003e\n                \u003csource src=\"https:\/\/www.plaud.ai\/cdn\/shop\/videos\/c\/vp\/711b7c50e7e748feb4414582e4d3cbf1\/711b7c50e7e748feb4414582e4d3cbf1.HD-720p-3.0Mbps-66100489.mp4?v=0\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n\u003cdiv class=\"section-2-video-poster\"\u003e\u003cpicture\u003e \u003csource media=\"(max-width: 767px)\" srcset=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/preview_images\/711b7c50e7e748feb4414582e4d3cbf1.thumbnail.0000000000.jpg?v=1767112045\u0026amp;width=767 767w\"\u003e \u003cimg src=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/preview_images\/711b7c50e7e748feb4414582e4d3cbf1.thumbnail.0000000000.jpg?v=1767112045\u0026amp;width=1920\" alt=\"Capture Preview\" width=\"1920\" height=\"800\" loading=\"lazy\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-2-video-controls\"\u003e\n\u003csvg class=\"play-btn\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"43\" height=\"43\" viewbox=\"0 0 43 43\" fill=\"none\"\u003e\n                  \u003cpath d=\"M21.5 39.4168C31.3951 39.4168 39.4167 31.3953 39.4167 21.5002C39.4167 11.6051 31.3951 3.5835 21.5 3.5835C11.6049 3.5835 3.58337 11.6051 3.58337 21.5002C3.58337 31.3953 11.6049 39.4168 21.5 39.4168Z\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n                  \u003cpath d=\"M17.9166 21.5005V15.2939L23.2916 18.3972L28.6666 21.5005L23.2916 24.6037L17.9166 27.707V21.5005Z\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e \u003csvg class=\"pause-btn\" width=\"43\" height=\"43\" viewbox=\"0 0 43 43\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                  \u003cpath d=\"M21.5 39.4168C31.3951 39.4168 39.4167 31.3953 39.4167 21.5002C39.4167 11.6051 31.3951 3.5835 21.5 3.5835C11.6049 3.5835 3.58337 11.6051 3.58337 21.5002C3.58337 31.3953 11.6049 39.4168 21.5 39.4168Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n                  \u003cpath d=\"M17.0209 16.125V26.875\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"square\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n                  \u003cpath d=\"M25.9791 16.125V26.875\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"square\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-2-video-item video-extract\"\u003e\n\u003ch3 class=\"section-2-video-title title-extract\"\u003eExtract\u003c\/h3\u003e\n\u003cdiv class=\"section-2-video-desc\"\u003e\n\u003cp\u003e112 Languages | Speaker Tags | Multi-dimensional Summaries\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-2-video-container\"\u003e\n\u003cvideo muted=\"\" loop=\"loop\" playsinline=\"\" preload=\"none\"\u003e\n                \u003csource src=\"https:\/\/www.plaud.ai\/cdn\/shop\/videos\/c\/vp\/2aee8fb97a6946fab5896b32bc09e3c7\/2aee8fb97a6946fab5896b32bc09e3c7.HD-720p-2.1Mbps-65187799.mp4?v=0\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n\u003cdiv class=\"section-2-video-poster\"\u003e\u003cpicture\u003e \u003csource media=\"(max-width: 767px)\" srcset=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/preview_images\/2aee8fb97a6946fab5896b32bc09e3c7.thumbnail.0000000000.jpg?v=1765790191\u0026amp;width=767 767w\"\u003e \u003cimg src=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/preview_images\/2aee8fb97a6946fab5896b32bc09e3c7.thumbnail.0000000000.jpg?v=1765790191\u0026amp;width=1920\" alt=\"Extract Preview\" width=\"1920\" height=\"800\" loading=\"lazy\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-2-video-controls\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-2-video-item video-utilize\"\u003e\n\u003ch3 class=\"section-2-video-title title-utilize\"\u003eUtilize\u003c\/h3\u003e\n\u003cdiv class=\"section-2-video-desc\"\u003e\n\u003cp\u003eAsk Plaud | AutoFlow | Integration, Share \u0026amp; Export\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-2-video-container\"\u003e\n\u003cvideo muted=\"\" loop=\"loop\" playsinline=\"\" preload=\"none\"\u003e\n                \u003csource src=\"https:\/\/www.plaud.ai\/cdn\/shop\/videos\/c\/vp\/4bd70b6350f44719a347d3fd3de92bad\/4bd70b6350f44719a347d3fd3de92bad.HD-720p-1.6Mbps-65187802.mp4?v=0\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n\u003cdiv class=\"section-2-video-poster\"\u003e\u003cpicture\u003e \u003csource media=\"(max-width: 767px)\" srcset=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/preview_images\/4bd70b6350f44719a347d3fd3de92bad.thumbnail.0000000000.jpg?v=1765790193\u0026amp;width=767 767w\"\u003e \u003cimg src=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/preview_images\/4bd70b6350f44719a347d3fd3de92bad.thumbnail.0000000000.jpg?v=1765790193\u0026amp;width=1920\" alt=\"Utilize Preview\" width=\"1920\" height=\"800\" loading=\"lazy\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-2-video-controls\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ========== SECTION 2 END ========== --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- ========== SECTION 3 START ========== --\u003e\n\u003csection class=\"section-3 section-padding-top\" id=\"section-3-one\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"section-3-header\"\u003e\n\u003cdiv class=\"section-3-pre-heading\"\u003e\n\u003cp\u003eHuman-AI alignment in real time\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"section-1-title\"\u003eMulti-input mode\u003c\/h2\u003e\n\u003cdiv class=\"section-3-sub-heading\"\u003e\n\u003cp\u003eIntegrate what you say, hear, see and think.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-3-accordion\"\u003e\n\u003cdiv class=\"section-3-media-slider swiper\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"section-3-media-item\"\u003e\n\u003c!-- Mobile Version --\u003e \u003cpicture class=\"desktop-only\"\u003e \u003cimg src=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/plaud-notepin-s-press-mb_1x_b8938f26-0b90-443c-a3fe-697ac126be23.webp?v=1767112131\" alt=\"No more missed moments in meetings\" width=\"800\" height=\"464\" loading=\"lazy\"\u003e \u003c\/picture\u003e \u003c!-- Desktop Version --\u003e \u003cpicture class=\"mobile-only\"\u003e \u003cimg src=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/plaud-notepin-s-press_1x_77a92170-d173-4424-9e60-4e957275c3fb.webp?v=1767112132\" alt=\"No more missed moments in meetings\" width=\"800\" height=\"464\" loading=\"lazy\"\u003e \u003c\/picture\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-3-content-item mobile-only\"\u003e\n\u003cspan class=\"section-3-item-pre-title\"\u003eLong press to start recording\u003c\/span\u003e\n\u003ch3 class=\"section-3-item-title\"\u003eNo more missed moments in meetings\u003c\/h3\u003e\n\u003cp class=\"section-3-item-content\"\u003eWith one press, Plaud NotePin S instantly starts recording with premium audio, so you capture every word with ease.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"section-3-media-item\"\u003e\n\u003c!-- Mobile Version --\u003e \u003cpicture class=\"desktop-only\"\u003e \u003cimg src=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/Short-press_to_highlight_mb.gif?v=1767116602\" alt=\"Highlight key moments with a short press\" width=\"1280\" height=\"742\" loading=\"lazy\"\u003e \u003c\/picture\u003e \u003c!-- Desktop Version --\u003e \u003cpicture class=\"mobile-only\"\u003e \u003cimg src=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/Short-press_to_highlight_pc.gif?v=1767116600\" alt=\"Highlight key moments with a short press\" width=\"1280\" height=\"742\" loading=\"lazy\"\u003e \u003c\/picture\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-3-content-item mobile-only\"\u003e\n\u003cspan class=\"section-3-item-pre-title\"\u003eShort press to highlight\u003c\/span\u003e\n\u003ch3 class=\"section-3-item-title\"\u003eHighlight key moments with a short press\u003c\/h3\u003e\n\u003cp class=\"section-3-item-content\"\u003ePlaud highlights the moment instantly, signaling to AI what matters most and achieving real-time human–AI alignment so insights remain accurate, actionable, and aligned with your intent.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"section-3-media-item\"\u003e\n\u003c!-- Mobile Version --\u003e \u003cpicture class=\"desktop-only\"\u003e \u003cimg src=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/plaud-input-text-0929.webp?v=1765790176\" alt=\"Type in key points that come to your mind\" width=\"3200\" height=\"1856\" loading=\"lazy\"\u003e \u003c\/picture\u003e \u003c!-- Desktop Version --\u003e \u003cpicture class=\"mobile-only\"\u003e \u003cimg src=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/PC-0929-plaud-input-text.webp?v=1765790176\" alt=\"Type in key points that come to your mind\" width=\"3200\" height=\"1856\" loading=\"lazy\"\u003e \u003c\/picture\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-3-content-item mobile-only\"\u003e\n\u003cspan class=\"section-3-item-pre-title\"\u003eAdd context with text input\u003c\/span\u003e\n\u003ch3 class=\"section-3-item-title\"\u003eType in key points that come to your mind\u003c\/h3\u003e\n\u003cp class=\"section-3-item-content\"\u003eYour text notes are instantly added to the context, so summaries capture critical details and reflect your intent.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"section-3-media-item\"\u003e\n\u003c!-- Mobile Version --\u003e \u003cpicture class=\"desktop-only\"\u003e \u003cimg src=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/MB-plaud-input-image-0929.webp?v=1765790175\" alt=\"Snap a photo of what matters\" width=\"3200\" height=\"1856\" loading=\"lazy\"\u003e \u003c\/picture\u003e \u003c!-- Desktop Version --\u003e \u003cpicture class=\"mobile-only\"\u003e \u003cimg src=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/PC-plaud-input-0929.webp?v=1765790177\" alt=\"Snap a photo of what matters\" width=\"3200\" height=\"1856\" loading=\"lazy\"\u003e \u003c\/picture\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-3-content-item mobile-only\"\u003e\n\u003cspan class=\"section-3-item-pre-title\"\u003eEnrich context with visuals\u003c\/span\u003e\n\u003ch3 class=\"section-3-item-title\"\u003eSnap a photo of what matters\u003c\/h3\u003e\n\u003cp class=\"section-3-item-content\"\u003eVisuals combine with audio, text, and highlights to form a richer context. Resulting in more comprehensive summaries and a deeper understanding of every conversation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-3-swiper-control\"\u003e\n\u003cdiv class=\"section-3-control-left\"\u003e\n\u003cdiv class=\"swiper-button-prev\"\u003e\u003csvg width=\"48\" height=\"48\" viewbox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                    \u003crect width=\"48\" height=\"48\" rx=\"2.5\" fill=\"#39F672\"\u003e\u003c\/rect\u003e\n                    \u003cpath d=\"M27 33L20.4764 25.6609C19.6344 24.7137 19.6344 23.2863 20.4764 22.3391L27 15\" stroke=\"black\" stroke-width=\"3\"\u003e\u003c\/path\u003e\n                  \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-button-next\"\u003e\u003csvg width=\"48\" height=\"48\" viewbox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                    \u003crect x=\"48\" y=\"48\" width=\"48\" height=\"48\" rx=\"2.5\" transform=\"rotate(-180 48 48)\" fill=\"#39F672\"\u003e\u003c\/rect\u003e\n                    \u003cpath d=\"M21 15L27.5236 22.3391C28.3656 23.2863 28.3656 24.7137 27.5236 25.6609L21 33\" stroke=\"black\" stroke-width=\"3\"\u003e\u003c\/path\u003e\n                  \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-3-play-pause-btn\"\u003e\n\u003csvg class=\"pause-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 48 48\" width=\"48\" height=\"48\"\u003e\n                    \u003crect width=\"48\" height=\"48\" rx=\"2.5\" fill=\"#39F672\"\u003e\u003c\/rect\u003e\n                    \u003cpath d=\"M18 12C18 10.8954 17.1046 10 16 10C14.8954 10 14 10.8954 14 12V36C14 37.1046 14.8954 38 16 38C17.1046 38 18 37.1046 18 36V12Z M34 12C34 10.8954 33.1046 10 32 10C30.8954 10 30 10.8954 30 12V36C30 37.1046 30.8954 38 32 38C33.1046 38 34 37.1046 34 36V12Z\" fill=\"#000\"\u003e\u003c\/path\u003e\n                  \u003c\/svg\u003e \u003csvg class=\"play-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 48 48\" width=\"48\" height=\"48\"\u003e\n                    \u003crect width=\"48\" height=\"48\" rx=\"2.5\" fill=\"#39F672\"\u003e\u003c\/rect\u003e\n                    \u003cpath d=\"M18 12L34 24L18 36V12Z\" fill=\"#000\"\u003e\u003c\/path\u003e\n                  \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-3-control-right\"\u003e\n\u003cdiv class=\"swiper-pagination\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-3-content-list desktop-only\"\u003e\n\u003cul\u003e\n\u003cli class=\"section-3-content-item active\" data-index=\"0\"\u003e\n\u003cspan class=\"section-3-item-pre-title\"\u003eLong press to start recording\u003c\/span\u003e\n\u003ch3 class=\"section-3-item-title\"\u003eNo more missed moments in meetings\u003c\/h3\u003e\n\u003cp class=\"section-3-item-content\"\u003eWith one press, Plaud NotePin S instantly starts recording with premium audio, so you capture every word with ease.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"section-3-content-item\" data-index=\"1\"\u003e\n\u003cspan class=\"section-3-item-pre-title\"\u003eShort press to highlight\u003c\/span\u003e\n\u003ch3 class=\"section-3-item-title\"\u003eHighlight key moments with a short press\u003c\/h3\u003e\n\u003cp class=\"section-3-item-content\"\u003ePlaud highlights the moment instantly, signaling to AI what matters most and achieving real-time human–AI alignment so insights remain accurate, actionable, and aligned with your intent.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"section-3-content-item\" data-index=\"2\"\u003e\n\u003cspan class=\"section-3-item-pre-title\"\u003eAdd context with text input\u003c\/span\u003e\n\u003ch3 class=\"section-3-item-title\"\u003eType in key points that come to your mind\u003c\/h3\u003e\n\u003cp class=\"section-3-item-content\"\u003eYour text notes are instantly added to the context, so summaries capture critical details and reflect your intent.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"section-3-content-item\" data-index=\"3\"\u003e\n\u003cspan class=\"section-3-item-pre-title\"\u003eEnrich context with visuals\u003c\/span\u003e\n\u003ch3 class=\"section-3-item-title\"\u003eSnap a photo of what matters\u003c\/h3\u003e\n\u003cp class=\"section-3-item-content\"\u003eVisuals combine with audio, text, and highlights to form a richer context. Resulting in more comprehensive summaries and a deeper understanding of every conversation.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"section-3 section-padding-top section-3-reverse\" id=\"section-3-two\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"section-3-header\"\u003e\n\u003ch2 class=\"section-1-title\"\u003eAI-powered transcription\u003c\/h2\u003e\n\u003cdiv class=\"section-3-sub-heading\"\u003e\n\u003cp\u003eReliable transcripts, no matter who speaks or in what language\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-3-accordion\"\u003e\n\u003cdiv class=\"section-3-media-slider swiper\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"section-3-media-item\"\u003e\n\u003c!-- Mobile Version --\u003e \u003cpicture class=\"desktop-only\"\u003e \u003cimg src=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/MB-Transcribe_in_112_languages_e05b37d7-2965-45bb-b050-7876ed62ad95.webp?v=1765790194\" alt=\"Industry-leading accuracy in any language\" width=\"3200\" height=\"1856\" loading=\"lazy\"\u003e \u003c\/picture\u003e \u003c!-- Desktop Version --\u003e \u003cpicture class=\"mobile-only\"\u003e \u003cimg src=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/PC-Transcribe_in_112_languages_bae36f1f-8c69-46a6-ac73-61930da6be4c.webp?v=1765790195\" alt=\"Industry-leading accuracy in any language\" width=\"3200\" height=\"1856\" loading=\"lazy\"\u003e \u003c\/picture\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-3-content-item mobile-only\"\u003e\n\u003cspan class=\"section-3-item-pre-title\"\u003eTranscribe in 112 languages\u003c\/span\u003e\n\u003ch3 class=\"section-3-item-title\"\u003eIndustry-leading accuracy in any language\u003c\/h3\u003e\n\u003cp class=\"section-3-item-content\"\u003eGet highly accurate transcripts in 112 languages with speaker diarization, custom vocabulary, and automatic formatting.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"section-3-media-item\"\u003e\n\u003c!-- Mobile Version --\u003e \u003cpicture class=\"desktop-only\"\u003e \u003cimg src=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/MB-Speaker_Labels.webp?v=1765790177\" alt=\"Know who said what\" width=\"3200\" height=\"1856\" loading=\"lazy\"\u003e \u003c\/picture\u003e \u003c!-- Desktop Version --\u003e \u003cpicture class=\"mobile-only\"\u003e \u003cimg src=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/PC-Speaker_Labels.webp?v=1765790178\" alt=\"Know who said what\" width=\"3200\" height=\"1856\" loading=\"lazy\"\u003e \u003c\/picture\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-3-content-item mobile-only\"\u003e\n\u003cspan class=\"section-3-item-pre-title\"\u003eSpeaker labels\u003c\/span\u003e\n\u003ch3 class=\"section-3-item-title\"\u003eKnow who said what\u003c\/h3\u003e\n\u003cp class=\"section-3-item-content\"\u003eSpeaker labels keep every conversation organized, so you always know who said what.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"section-3-media-item\"\u003e\n\u003c!-- Mobile Version --\u003e \u003cpicture class=\"desktop-only\"\u003e \u003cimg src=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/MB-Auto_generation-0928.webp?v=1765790173\" alt=\"Instant language and speaker detection\" width=\"3200\" height=\"1856\" loading=\"lazy\"\u003e \u003c\/picture\u003e \u003c!-- Desktop Version --\u003e \u003cpicture class=\"mobile-only\"\u003e \u003cimg src=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/PC-Auto_generation-0928.webp?v=1765790174\" alt=\"Instant language and speaker detection\" width=\"3200\" height=\"1856\" loading=\"lazy\"\u003e \u003c\/picture\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-3-content-item mobile-only\"\u003e\n\u003cspan class=\"section-3-item-pre-title\"\u003eAuto generation\u003c\/span\u003e\n\u003ch3 class=\"section-3-item-title\"\u003eInstant language and speaker detection\u003c\/h3\u003e\n\u003cp class=\"section-3-item-content\"\u003eWith Auto Generation, Plaud automatically generates with smart detection of the language and speakers, providing accurate transcripts seamlessly.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"section-3-media-item\"\u003e\n\u003c!-- Mobile Version --\u003e \u003cpicture class=\"desktop-only\"\u003e \u003cimg src=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/MB-Custom_vocabulary-0928.webp?v=1765790175\" alt=\"Tailored to your industry and terminology\" width=\"2400\" height=\"1392\" loading=\"lazy\"\u003e \u003c\/picture\u003e \u003c!-- Desktop Version --\u003e \u003cpicture class=\"mobile-only\"\u003e \u003cimg src=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/PC-Custom_vocabulary.webp?v=1765790176\" alt=\"Tailored to your industry and terminology\" width=\"2400\" height=\"1392\" loading=\"lazy\"\u003e \u003c\/picture\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-3-content-item mobile-only\"\u003e\n\u003cspan class=\"section-3-item-pre-title\"\u003eCustom vocabulary\u003c\/span\u003e\n\u003ch3 class=\"section-3-item-title\"\u003eTailored to your industry and terminology\u003c\/h3\u003e\n\u003cp class=\"section-3-item-content\"\u003eChoose from 10+ built-in glossaries for industries like medical, legal, finance, and more. Plaud prioritizes glossary-matched terms, even with similar pronunciations, so your transcripts remain accurate and aligned with your field.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-3-swiper-control\"\u003e\n\u003cdiv class=\"section-3-control-left\"\u003e\n\u003cdiv class=\"swiper-button-prev\"\u003e\u003csvg width=\"48\" height=\"48\" viewbox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                    \u003crect width=\"48\" height=\"48\" rx=\"2.5\" fill=\"#39F672\"\u003e\u003c\/rect\u003e\n                    \u003cpath d=\"M27 33L20.4764 25.6609C19.6344 24.7137 19.6344 23.2863 20.4764 22.3391L27 15\" stroke=\"black\" stroke-width=\"3\"\u003e\u003c\/path\u003e\n                  \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-button-next\"\u003e\u003csvg width=\"48\" height=\"48\" viewbox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                    \u003crect x=\"48\" y=\"48\" width=\"48\" height=\"48\" rx=\"2.5\" transform=\"rotate(-180 48 48)\" fill=\"#39F672\"\u003e\u003c\/rect\u003e\n                    \u003cpath d=\"M21 15L27.5236 22.3391C28.3656 23.2863 28.3656 24.7137 27.5236 25.6609L21 33\" stroke=\"black\" stroke-width=\"3\"\u003e\u003c\/path\u003e\n                  \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-3-play-pause-btn\"\u003e\n\u003csvg class=\"pause-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 48 48\" width=\"48\" height=\"48\"\u003e\n                    \u003crect width=\"48\" height=\"48\" rx=\"2.5\" fill=\"#39F672\"\u003e\u003c\/rect\u003e\n                    \u003cpath d=\"M18 12C18 10.8954 17.1046 10 16 10C14.8954 10 14 10.8954 14 12V36C14 37.1046 14.8954 38 16 38C17.1046 38 18 37.1046 18 36V12Z M34 12C34 10.8954 33.1046 10 32 10C30.8954 10 30 10.8954 30 12V36C30 37.1046 30.8954 38 32 38C33.1046 38 34 37.1046 34 36V12Z\" fill=\"#000\"\u003e\u003c\/path\u003e\n                  \u003c\/svg\u003e \u003csvg class=\"play-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 48 48\" width=\"48\" height=\"48\"\u003e\n                    \u003crect width=\"48\" height=\"48\" rx=\"2.5\" fill=\"#39F672\"\u003e\u003c\/rect\u003e\n                    \u003cpath d=\"M18 12L34 24L18 36V12Z\" fill=\"#000\"\u003e\u003c\/path\u003e\n                  \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-3-control-right\"\u003e\n\u003cdiv class=\"swiper-pagination\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-3-content-list desktop-only\"\u003e\n\u003cul\u003e\n\u003cli class=\"section-3-content-item active\" data-index=\"0\"\u003e\n\u003cspan class=\"section-3-item-pre-title\"\u003eTranscription in 112 languages\u003c\/span\u003e\n\u003ch3 class=\"section-3-item-title\"\u003eIndustry-leading accuracy in every language\u003c\/h3\u003e\n\u003cp class=\"section-3-item-content\"\u003eGet highly accurate transcripts in 112 languages with speaker diarization, custom glossary, and auto-formatting.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"section-3-content-item\" data-index=\"1\"\u003e\n\u003cspan class=\"section-3-item-pre-title\"\u003eSpeaker labels\u003c\/span\u003e\n\u003ch3 class=\"section-3-item-title\"\u003eKnow who said what\u003c\/h3\u003e\n\u003cp class=\"section-3-item-content\"\u003eSpeaker labels keep every conversation organized so you always know who said what.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"section-3-content-item\" data-index=\"2\"\u003e\n\u003cspan class=\"section-3-item-pre-title\"\u003eAuto-generation\u003c\/span\u003e\n\u003ch3 class=\"section-3-item-title\"\u003eInstant language and speaker detection\u003c\/h3\u003e\n\u003cp class=\"section-3-item-content\"\u003eWith the Auto-Generation feature, Plaud intelligently detects language and speakers, automatically generating accurate transcripts and presenting them seamlessly.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"section-3-content-item\" data-index=\"3\"\u003e\n\u003cspan class=\"section-3-item-pre-title\"\u003eCustom glossary\u003c\/span\u003e\n\u003ch3 class=\"section-3-item-title\"\u003eTailored to your industry and terminology\u003c\/h3\u003e\n\u003cp class=\"section-3-item-content\"\u003eChoose from over 10 built-in glossaries for industries including medical, legal, finance, and more. Plaud prioritizes glossary-matched terms even if they have similar pronunciations, ensuring your transcripts remain accurate and aligned with your field.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"section-3 section-padding-top\" id=\"section-3-three\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"section-3-header\"\u003e\n\u003ch2 class=\"section-1-title\"\u003eMultidimensional summaries\u003c\/h2\u003e\n\u003cdiv class=\"section-3-sub-heading\"\u003e\n\u003cp\u003eOne conversation. Endless perspectives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-3-accordion\"\u003e\n\u003cdiv class=\"section-3-media-slider swiper\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"section-3-media-item\"\u003e\n\u003c!-- Mobile Version --\u003e \u003cpicture class=\"desktop-only\"\u003e \u003cimg src=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/MB-360_view.webp?v=1765790173\" alt=\"360° View\" width=\"3200\" height=\"1856\" loading=\"lazy\"\u003e \u003c\/picture\u003e \u003c!-- Desktop Version --\u003e \u003cpicture class=\"mobile-only\"\u003e \u003cimg src=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/PC-360_view.webp?v=1765790174\" alt=\"360° View\" width=\"3200\" height=\"1856\" loading=\"lazy\"\u003e \u003c\/picture\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-3-content-item mobile-only\"\u003e\n\u003cspan class=\"section-3-item-pre-title\"\u003e360° Perspective\u003c\/span\u003e\n\u003ch3 class=\"section-3-item-title\"\u003eSee conversations from a different perspective\u003c\/h3\u003e\n\u003cp class=\"section-3-item-content\"\u003eGenerate multiple summaries from one conversation automatically. Multidimensional summaries deliver role-specific outputs such as action items for sales, feedback for teams, and strategic overviews for leadership.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"section-3-media-item\"\u003e\n\u003c!-- Mobile Version --\u003e \u003cpicture class=\"desktop-only\"\u003e \u003cimg src=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/M-personalize-0929.webp?v=1765790182\" alt=\"Smart summaries tailored to your role\" width=\"3200\" height=\"1856\" loading=\"lazy\"\u003e \u003c\/picture\u003e \u003c!-- Desktop Version --\u003e \u003cpicture class=\"mobile-only\"\u003e \u003cimg src=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/PC-personalize-0929.webp?v=1765790192\" alt=\"Smart summaries tailored to your role\" width=\"3200\" height=\"1856\" loading=\"lazy\"\u003e \u003c\/picture\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-3-content-item mobile-only\"\u003e\n\u003cspan class=\"section-3-item-pre-title\"\u003ePersonalized to your profession\u003c\/span\u003e\n\u003ch3 class=\"section-3-item-title\"\u003eSmart summaries tailored to your role and industry\u003c\/h3\u003e\n\u003cp class=\"section-3-item-content\"\u003ePlaud Intelligence analyzes context, understands your role, and dynamically generates summaries beyond static templates, giving you expert-level insights tailored to your work.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"section-3-media-item\"\u003e\n\u003c!-- Mobile Version --\u003e \u003cpicture class=\"desktop-only\"\u003e \u003cimg src=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/plaud-built-on-1009-m.webp?v=1765790184\" alt=\"Built on multimodal input\" width=\"6400\" height=\"3712\" loading=\"lazy\"\u003e \u003c\/picture\u003e \u003c!-- Desktop Version --\u003e \u003cpicture class=\"mobile-only\"\u003e \u003cimg src=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/plaud-built-on-1009-pc.webp?v=1768189526\" alt=\"Built on multimodal input\" width=\"6400\" height=\"3712\" loading=\"lazy\"\u003e \u003c\/picture\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-3-content-item mobile-only\"\u003e\n\u003cspan class=\"section-3-item-pre-title\"\u003eBuilt on multimodal input\u003c\/span\u003e\n\u003ch3 class=\"section-3-item-title\"\u003eSummaries built from audio, visuals, text, and highlights\u003c\/h3\u003e\n\u003cp class=\"section-3-item-content\"\u003ePlaud Intelligence unifies spoken words, typed notes, images, and highlights into a complete, organized summary so what matters most stands out clearly.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"section-3-media-item\"\u003e\n\u003c!-- Mobile Version --\u003e \u003cpicture class=\"desktop-only\"\u003e \u003cimg src=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/3000_summary_templates_-_mb.png?v=1765790078\" alt=\"10,000+ templates\" width=\"4800\" height=\"2784\" loading=\"lazy\"\u003e \u003c\/picture\u003e \u003c!-- Desktop Version --\u003e \u003cpicture class=\"mobile-only\"\u003e \u003cimg src=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/PC-2000_templates_pc_1.png?v=1765790161\" alt=\"10,000+ templates\" width=\"4800\" height=\"2784\" loading=\"lazy\"\u003e \u003c\/picture\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-3-content-item mobile-only\"\u003e\n\u003cspan class=\"section-3-item-pre-title\"\u003e10,000+ professional summary templates\u003c\/span\u003e\n\u003ch3 class=\"section-3-item-title\"\u003eEffortlessly generate a new perspective\u003c\/h3\u003e\n\u003cp class=\"section-3-item-content\"\u003eAccess thousands of professional templates and generate multidimensional summaries that provide different perspectives while keeping your original recording intact.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-3-swiper-control\"\u003e\n\u003cdiv class=\"section-3-control-left\"\u003e\n\u003cdiv class=\"swiper-button-prev\"\u003e\u003csvg width=\"48\" height=\"48\" viewbox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                    \u003crect width=\"48\" height=\"48\" rx=\"2.5\" fill=\"#39F672\"\u003e\u003c\/rect\u003e\n                    \u003cpath d=\"M27 33L20.4764 25.6609C19.6344 24.7137 19.6344 23.2863 20.4764 22.3391L27 15\" stroke=\"black\" stroke-width=\"3\"\u003e\u003c\/path\u003e\n                  \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-button-next\"\u003e\u003csvg width=\"48\" height=\"48\" viewbox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                    \u003crect x=\"48\" y=\"48\" width=\"48\" height=\"48\" rx=\"2.5\" transform=\"rotate(-180 48 48)\" fill=\"#39F672\"\u003e\u003c\/rect\u003e\n                    \u003cpath d=\"M21 15L27.5236 22.3391C28.3656 23.2863 28.3656 24.7137 27.5236 25.6609L21 33\" stroke=\"black\" stroke-width=\"3\"\u003e\u003c\/path\u003e\n                  \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-3-play-pause-btn\"\u003e\n\u003csvg class=\"pause-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 48 48\" width=\"48\" height=\"48\"\u003e\n                    \u003crect width=\"48\" height=\"48\" rx=\"2.5\" fill=\"#39F672\"\u003e\u003c\/rect\u003e\n                    \u003cpath d=\"M18 12C18 10.8954 17.1046 10 16 10C14.8954 10 14 10.8954 14 12V36C14 37.1046 14.8954 38 16 38C17.1046 38 18 37.1046 18 36V12Z M34 12C34 10.8954 33.1046 10 32 10C30.8954 10 30 10.8954 30 12V36C30 37.1046 30.8954 38 32 38C33.1046 38 34 37.1046 34 36V12Z\" fill=\"#000\"\u003e\u003c\/path\u003e\n                  \u003c\/svg\u003e \u003csvg class=\"play-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 48 48\" width=\"48\" height=\"48\"\u003e\n                    \u003crect width=\"48\" height=\"48\" rx=\"2.5\" fill=\"#39F672\"\u003e\u003c\/rect\u003e\n                    \u003cpath d=\"M18 12L34 24L18 36V12Z\" fill=\"#000\"\u003e\u003c\/path\u003e\n                  \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-3-control-right\"\u003e\n\u003cdiv class=\"swiper-pagination\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-3-content-list desktop-only\"\u003e\n\u003cul\u003e\n\u003cli class=\"section-3-content-item active\" data-index=\"0\"\u003e\n\u003cspan class=\"section-3-item-pre-title\"\u003e360° Perspective\u003c\/span\u003e\n\u003ch3 class=\"section-3-item-title\"\u003eSee conversations from a different perspective\u003c\/h3\u003e\n\u003cp class=\"section-3-item-content\"\u003eGenerate multiple summaries from one conversation automatically. Multidimensional summaries deliver role-specific outputs such as action items for sales, feedback for teams, and strategic overviews for leadership.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"section-3-content-item\" data-index=\"1\"\u003e\n\u003cspan class=\"section-3-item-pre-title\"\u003ePersonalized to your profession\u003c\/span\u003e\n\u003ch3 class=\"section-3-item-title\"\u003eSmart summaries tailored to your role and industry\u003c\/h3\u003e\n\u003cp class=\"section-3-item-content\"\u003ePlaud Intelligence analyzes context, understands your role, and dynamically generates summaries beyond static templates, giving you expert-level insights tailored to your work.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"section-3-content-item\" data-index=\"2\"\u003e\n\u003cspan class=\"section-3-item-pre-title\"\u003eBuilt on multimodal input\u003c\/span\u003e\n\u003ch3 class=\"section-3-item-title\"\u003eSummaries built from audio, visuals, text, and highlights\u003c\/h3\u003e\n\u003cp class=\"section-3-item-content\"\u003ePlaud Intelligence unifies spoken words, typed notes, images, and highlights into a complete, organized summary so what matters most stands out clearly.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"section-3-content-item\" data-index=\"3\"\u003e\n\u003cspan class=\"section-3-item-pre-title\"\u003e10,000+ professional summary templates\u003c\/span\u003e\n\u003ch3 class=\"section-3-item-title\"\u003eEffortlessly generate a new perspective\u003c\/h3\u003e\n\u003cp class=\"section-3-item-content\"\u003eAccess thousands of professional templates and generate multidimensional summaries that provide different perspectives while keeping your original recording intact.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"section-3 section-padding-top section-3-reverse\" id=\"section-3-four\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"section-3-header\"\u003e\n\u003ch2 class=\"section-1-title\"\u003eAsk Plaud\u003c\/h2\u003e\n\u003cdiv class=\"section-3-sub-heading\"\u003e\n\u003cp\u003eTurn every question into a trustworthy answer\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-3-accordion\"\u003e\n\u003cdiv class=\"section-3-media-slider swiper\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"section-3-media-item\"\u003e\n\u003c!-- Mobile Version --\u003e \u003cpicture class=\"desktop-only\"\u003e \u003cimg src=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/ask_plaud-2m_fd341628-6a51-4ad6-973f-f2a257dc8e5a.png?v=1765790156\" alt=\"Reference-based answers\" width=\"3266\" height=\"1863\" loading=\"lazy\"\u003e \u003c\/picture\u003e \u003c!-- Desktop Version --\u003e \u003cpicture class=\"mobile-only\"\u003e \u003cimg src=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/ask-plaud_2pc_ce8c4dd1-5039-4732-a2dc-d6cedeeb62df.png?v=1765790157\" alt=\"Reference-based answers\" width=\"3266\" height=\"1863\" loading=\"lazy\"\u003e \u003c\/picture\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-3-content-item mobile-only\"\u003e\n\u003cspan class=\"section-3-item-pre-title\"\u003eGet answers you can trust\u003c\/span\u003e\n\u003ch3 class=\"section-3-item-title\"\u003eReference-based answers\u003c\/h3\u003e\n\u003cp class=\"section-3-item-content\"\u003eEach one is grounded in references and traceable back to your original audio, so Ask Plaud is always trustworthy and accurate.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"section-3-media-item\"\u003e\n\u003c!-- Mobile Version --\u003e \u003cpicture class=\"desktop-only\"\u003e \u003cimg src=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/ask_ai4.png?v=1765790067\" alt=\"Save answer as a note\" width=\"3200\" height=\"1850\" loading=\"lazy\"\u003e \u003c\/picture\u003e \u003c!-- Desktop Version --\u003e \u003cpicture class=\"mobile-only\"\u003e \u003cimg src=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/ask-ai-4_4cbb5374-b6a1-4623-8984-febd29001e9b.png?v=1765790154\" alt=\"Save answer as a note\" width=\"3200\" height=\"1850\" loading=\"lazy\"\u003e \u003c\/picture\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-3-content-item mobile-only\"\u003e\n\u003cspan class=\"section-3-item-pre-title\"\u003eSave answers in one go\u003c\/span\u003e\n\u003ch3 class=\"section-3-item-title\"\u003eSave answer as a note\u003c\/h3\u003e\n\u003cp class=\"section-3-item-content\"\u003eHer biri tam bağlamıyla birlikte bir not olarak kaydedilir; bu sayede aynı konu üzerinden sürekli olarak yeni sorular sorarak konuyu geliştirebilirsiniz.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"section-3-media-item\"\u003e\n\u003c!-- Mobile Version --\u003e \u003cpicture class=\"desktop-only\"\u003e \u003cimg src=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/smart_suggestions_-_mb.jpg?v=1765790077\" alt=\"Smart suggestions\" width=\"1000\" height=\"571\" loading=\"lazy\"\u003e \u003c\/picture\u003e \u003c!-- Desktop Version --\u003e \u003cpicture class=\"mobile-only\"\u003e \u003cimg src=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/smart_suggestions_-_pc.webp?v=1765790170\" alt=\"Smart suggestions\" width=\"1000\" height=\"571\" loading=\"lazy\"\u003e \u003c\/picture\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-3-content-item mobile-only\"\u003e\n\u003cspan class=\"section-3-item-pre-title\"\u003eAsk one question, benefit from being guided deeper\u003c\/span\u003e\n\u003ch3 class=\"section-3-item-title\"\u003eSmart suggestions\u003c\/h3\u003e\n\u003cp class=\"section-3-item-content\"\u003eThe system surfaces meaningful perspectives around your query, helping you uncover deeper insights with less effort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"section-3-media-item\"\u003e\n\u003c!-- Mobile Version --\u003e \u003cpicture class=\"desktop-only\"\u003e \u003cimg src=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/ask_plaud-3m_3ccfec6c-f3ac-406b-8dd9-efbf8f18402d.png?v=1765790157\" alt=\"Global search\" width=\"4355\" height=\"2484\" loading=\"lazy\"\u003e \u003c\/picture\u003e \u003c!-- Desktop Version --\u003e \u003cpicture class=\"mobile-only\"\u003e \u003cimg src=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/ask-plaud-3_86401394-072d-49f0-8d3f-02903cbd056d.png?v=1765790156\" alt=\"Global search\" width=\"4355\" height=\"2484\" loading=\"lazy\"\u003e \u003c\/picture\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-3-content-item mobile-only\"\u003e\n\u003cspan class=\"section-3-item-pre-title\"\u003eQuery across files\u003c\/span\u003e\n\u003ch3 class=\"section-3-item-title\"\u003eGlobal search\u003c\/h3\u003e\n\u003cp class=\"section-3-item-content\"\u003ePlaud discovers patterns and causation across multiple files, giving you the intelligence to make better decisions.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-3-swiper-control\"\u003e\n\u003cdiv class=\"section-3-control-left\"\u003e\n\u003cdiv class=\"swiper-button-prev\"\u003e\u003csvg width=\"48\" height=\"48\" viewbox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                    \u003crect width=\"48\" height=\"48\" rx=\"2.5\" fill=\"#39F672\"\u003e\u003c\/rect\u003e\n                    \u003cpath d=\"M27 33L20.4764 25.6609C19.6344 24.7137 19.6344 23.2863 20.4764 22.3391L27 15\" stroke=\"black\" stroke-width=\"3\"\u003e\u003c\/path\u003e\n                  \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-button-next\"\u003e\u003csvg width=\"48\" height=\"48\" viewbox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                    \u003crect x=\"48\" y=\"48\" width=\"48\" height=\"48\" rx=\"2.5\" transform=\"rotate(-180 48 48)\" fill=\"#39F672\"\u003e\u003c\/rect\u003e\n                    \u003cpath d=\"M21 15L27.5236 22.3391C28.3656 23.2863 28.3656 24.7137 27.5236 25.6609L21 33\" stroke=\"black\" stroke-width=\"3\"\u003e\u003c\/path\u003e\n                  \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-3-play-pause-btn\"\u003e\n\u003csvg class=\"pause-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 48 48\" width=\"48\" height=\"48\"\u003e\n                    \u003crect width=\"48\" height=\"48\" rx=\"2.5\" fill=\"#39F672\"\u003e\u003c\/rect\u003e\n                    \u003cpath d=\"M18 12C18 10.8954 17.1046 10 16 10C14.8954 10 14 10.8954 14 12V36C14 37.1046 14.8954 38 16 38C17.1046 38 18 37.1046 18 36V12Z M34 12C34 10.8954 33.1046 10 32 10C30.8954 10 30 10.8954 30 12V36C30 37.1046 30.8954 38 32 38C33.1046 38 34 37.1046 34 36V12Z\" fill=\"#000\"\u003e\u003c\/path\u003e\n                  \u003c\/svg\u003e \u003csvg class=\"play-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 48 48\" width=\"48\" height=\"48\"\u003e\n                    \u003crect width=\"48\" height=\"48\" rx=\"2.5\" fill=\"#39F672\"\u003e\u003c\/rect\u003e\n                    \u003cpath d=\"M18 12L34 24L18 36V12Z\" fill=\"#000\"\u003e\u003c\/path\u003e\n                  \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-3-control-right\"\u003e\n\u003cdiv class=\"swiper-pagination\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-3-content-list desktop-only\"\u003e\n\u003cul\u003e\n\u003cli class=\"section-3-content-item active\" data-index=\"0\"\u003e\n\u003cspan class=\"section-3-item-pre-title\"\u003eGet answers you can trust\u003c\/span\u003e\n\u003ch3 class=\"section-3-item-title\"\u003eReference-based answers\u003c\/h3\u003e\n\u003cp class=\"section-3-item-content\"\u003eEach one is grounded in references and traceable back to your original audio, so Ask Plaud is always trustworthy and accurate.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"section-3-content-item\" data-index=\"1\"\u003e\n\u003cspan class=\"section-3-item-pre-title\"\u003eSave answers in one go\u003c\/span\u003e\n\u003ch3 class=\"section-3-item-title\"\u003eSave answer as a note\u003c\/h3\u003e\n\u003cp class=\"section-3-item-content\"\u003eEach one is saved as a note with full context, allowing you to build on the same thread with new questions continuously.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"section-3-content-item\" data-index=\"2\"\u003e\n\u003cspan class=\"section-3-item-pre-title\"\u003eAsk one question, benefit from being guided deeper\u003c\/span\u003e\n\u003ch3 class=\"section-3-item-title\"\u003eSmart suggestions\u003c\/h3\u003e\n\u003cp class=\"section-3-item-content\"\u003eThe system surfaces meaningful perspectives around your query, helping you uncover deeper insights with less effort.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"section-3-content-item\" data-index=\"3\"\u003e\n\u003cspan class=\"section-3-item-pre-title\"\u003eQuery across files\u003c\/span\u003e\n\u003ch3 class=\"section-3-item-title\"\u003eGlobal search\u003c\/h3\u003e\n\u003cp class=\"section-3-item-content\"\u003ePlaud discovers patterns and causation across multiple files, giving you the intelligence to make better decisions.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"section-3 section-padding-top\" id=\"section-3-five\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"section-3-header\"\u003e\n\u003ch2 class=\"section-1-title\"\u003eAI note-taker for all professionals\u003c\/h2\u003e\n\u003cdiv class=\"section-3-sub-heading\"\u003e\n\u003cp\u003eExpert-level insights tailored to your industry.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-3-accordion\"\u003e\n\u003cdiv class=\"section-3-media-slider swiper\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"section-3-media-item\"\u003e\n\u003c!-- Mobile Version --\u003e \u003cpicture class=\"desktop-only\"\u003e \u003cimg src=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/notepin-s-use-case-1mb.webp?v=1767115240\" alt=\"Doctor\" width=\"1600\" height=\"928\" loading=\"lazy\"\u003e \u003c\/picture\u003e \u003c!-- Desktop Version --\u003e \u003cpicture class=\"mobile-only\"\u003e \u003cimg src=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/notepin-s-use-case-1.webp?v=1767115240\" alt=\"Doctor\" width=\"1600\" height=\"928\" loading=\"lazy\"\u003e \u003c\/picture\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-3-content-item mobile-only\"\u003e\n\u003cspan class=\"section-3-item-pre-title\"\u003eDoctor\u003c\/span\u003e\n\u003ch3 class=\"section-3-item-title\"\u003eAccurate summaries for healthier patients\u003c\/h3\u003e\n\u003cp class=\"section-3-item-content\"\u003eNo detail should be overlooked in healthcare. Capture every word with a single press. NotePin S ensures better care and patient well-being.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"section-3-media-item\"\u003e\n\u003c!-- Mobile Version --\u003e \u003cpicture class=\"desktop-only\"\u003e \u003cimg src=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/notepin-s-use-case-2mb.webp?v=1767115240\" alt=\"Real estate agent\" width=\"1600\" height=\"928\" loading=\"lazy\"\u003e \u003c\/picture\u003e \u003c!-- Desktop Version --\u003e \u003cpicture class=\"mobile-only\"\u003e \u003cimg src=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/notepin-s-use-case-2.webp?v=1767115240\" alt=\"Real estate agent\" width=\"1600\" height=\"928\" loading=\"lazy\"\u003e \u003c\/picture\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-3-content-item mobile-only\"\u003e\n\u003cspan class=\"section-3-item-pre-title\"\u003eReal estate agent\u003c\/span\u003e\n\u003ch3 class=\"section-3-item-title\"\u003eTurn conversations into conversions\u003c\/h3\u003e\n\u003cp class=\"section-3-item-content\"\u003eDetails are the difference between closing the deal and not. Capture every word your client says so you can deliver exactly what they want.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"section-3-media-item\"\u003e\n\u003c!-- Mobile Version --\u003e \u003cpicture class=\"desktop-only\"\u003e \u003cimg src=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/notepin-s-use-case-3mb.webp?v=1767115240\" alt=\"Educator\" width=\"1600\" height=\"928\" loading=\"lazy\"\u003e \u003c\/picture\u003e \u003c!-- Desktop Version --\u003e \u003cpicture class=\"mobile-only\"\u003e \u003cimg src=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/notepin-s-use-case-3.webp?v=1767115240\" alt=\"Educator\" width=\"1600\" height=\"928\" loading=\"lazy\"\u003e \u003c\/picture\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-3-content-item mobile-only\"\u003e\n\u003cspan class=\"section-3-item-pre-title\"\u003eEducator\u003c\/span\u003e\n\u003ch3 class=\"section-3-item-title\"\u003eBetter education starts with better insights\u003c\/h3\u003e\n\u003cp class=\"section-3-item-content\"\u003eRecord, recall, and review so you can enhance your educational programs and provide post-session transcripts.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"section-3-media-item\"\u003e\n\u003c!-- Mobile Version --\u003e \u003cpicture class=\"desktop-only\"\u003e \u003cimg src=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/notepin-s-use-case-4mb.webp?v=1767115240\" alt=\"Engineer\" width=\"1600\" height=\"928\" loading=\"lazy\"\u003e \u003c\/picture\u003e \u003c!-- Desktop Version --\u003e \u003cpicture class=\"mobile-only\"\u003e \u003cimg src=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/notepin-s-use-case-4.webp?v=1767115240\" alt=\"Engineer\" width=\"1600\" height=\"928\" loading=\"lazy\"\u003e \u003c\/picture\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-3-content-item mobile-only\"\u003e\n\u003cspan class=\"section-3-item-pre-title\"\u003eEngineer\u003c\/span\u003e\n\u003ch3 class=\"section-3-item-title\"\u003eDesigned to keep you on track and on time\u003c\/h3\u003e\n\u003cp class=\"section-3-item-content\"\u003eYou build, we handle your meetings. Even when offline, NotePin S captures everything, so your project stays on schedule.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"section-3-media-item\"\u003e\n\u003c!-- Mobile Version --\u003e \u003cpicture class=\"desktop-only\"\u003e \u003cimg src=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/notepin-s-use-case-5mb.webp?v=1767115240\" alt=\"Digital nomad\" width=\"1600\" height=\"928\" loading=\"lazy\"\u003e \u003c\/picture\u003e \u003c!-- Desktop Version --\u003e \u003cpicture class=\"mobile-only\"\u003e \u003cimg src=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/notepin-s-use-case-5.webp?v=1767115240\" alt=\"Digital nomad\" width=\"1600\" height=\"928\" loading=\"lazy\"\u003e \u003c\/picture\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-3-content-item mobile-only\"\u003e\n\u003cspan class=\"section-3-item-pre-title\"\u003eDigital nomad\u003c\/span\u003e\n\u003ch3 class=\"section-3-item-title\"\u003e1,000+ ideas \u0026 notes carried lightly\u003c\/h3\u003e\n\u003cp class=\"section-3-item-content\"\u003eYour AI on the go is all you need. With AI power weighing about one AA battery, NotePin S goes wherever your work takes you.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"section-3-media-item\"\u003e\n\u003c!-- Mobile Version --\u003e \u003cpicture class=\"desktop-only\"\u003e \u003cimg src=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/notepin-s-use-case-6mb.webp?v=1767115240\" alt=\"Creative worker\" width=\"1600\" height=\"928\" loading=\"lazy\"\u003e \u003c\/picture\u003e \u003c!-- Desktop Version --\u003e \u003cpicture class=\"mobile-only\"\u003e \u003cimg src=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/notepin-s-use-case-6.webp?v=1767115240\" alt=\"Creative worker\" width=\"1600\" height=\"928\" loading=\"lazy\"\u003e \u003c\/picture\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-3-content-item mobile-only\"\u003e\n\u003cspan class=\"section-3-item-pre-title\"\u003eCreative worker\u003c\/span\u003e\n\u003ch3 class=\"section-3-item-title\"\u003eAlways ready to capture your next great idea\u003c\/h3\u003e\n\u003cp class=\"section-3-item-content\"\u003eWe handle the busy work, you focus on the creative. With AI-powered summaries and insights, we've removed the boring part of every job.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-3-swiper-control\"\u003e\n\u003cdiv class=\"section-3-control-left\"\u003e\n\u003cdiv class=\"swiper-button-prev\"\u003e\u003csvg width=\"48\" height=\"48\" viewbox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                    \u003crect width=\"48\" height=\"48\" rx=\"2.5\" fill=\"#39F672\"\u003e\u003c\/rect\u003e\n                    \u003cpath d=\"M27 33L20.4764 25.6609C19.6344 24.7137 19.6344 23.2863 20.4764 22.3391L27 15\" stroke=\"black\" stroke-width=\"3\"\u003e\u003c\/path\u003e\n                  \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-button-next\"\u003e\u003csvg width=\"48\" height=\"48\" viewbox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                    \u003crect x=\"48\" y=\"48\" width=\"48\" height=\"48\" rx=\"2.5\" transform=\"rotate(-180 48 48)\" fill=\"#39F672\"\u003e\u003c\/rect\u003e\n                    \u003cpath d=\"M21 15L27.5236 22.3391C28.3656 23.2863 28.3656 24.7137 27.5236 25.6609L21 33\" stroke=\"black\" stroke-width=\"3\"\u003e\u003c\/path\u003e\n                  \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-3-play-pause-btn\"\u003e\n\u003csvg class=\"pause-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 48 48\" width=\"48\" height=\"48\"\u003e\n                    \u003crect width=\"48\" height=\"48\" rx=\"2.5\" fill=\"#39F672\"\u003e\u003c\/rect\u003e\n                    \u003cpath d=\"M18 12C18 10.8954 17.1046 10 16 10C14.8954 10 14 10.8954 14 12V36C14 37.1046 14.8954 38 16 38C17.1046 38 18 37.1046 18 36V12Z M34 12C34 10.8954 33.1046 10 32 10C30.8954 10 30 10.8954 30 12V36C30 37.1046 30.8954 38 32 38C33.1046 38 34 37.1046 34 36V12Z\" fill=\"#000\"\u003e\u003c\/path\u003e\n                  \u003c\/svg\u003e \u003csvg class=\"play-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 48 48\" width=\"48\" height=\"48\"\u003e\n                    \u003crect width=\"48\" height=\"48\" rx=\"2.5\" fill=\"#39F672\"\u003e\u003c\/rect\u003e\n                    \u003cpath d=\"M18 12L34 24L18 36V12Z\" fill=\"#000\"\u003e\u003c\/path\u003e\n                  \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-3-control-right\"\u003e\n\u003cdiv class=\"swiper-pagination\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-3-content-list desktop-only\"\u003e\n\u003cul\u003e\n\u003cli class=\"section-3-content-item active\" data-index=\"0\"\u003e\n\u003cspan class=\"section-3-item-pre-title\"\u003eDoctor\u003c\/span\u003e\n\u003ch3 class=\"section-3-item-title\"\u003eAccurate summaries for healthier patients\u003c\/h3\u003e\n\u003cp class=\"section-3-item-content\"\u003eNo detail should be overlooked in healthcare. Capture every word with a single press. NotePin S ensures better care and patient well-being.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"section-3-content-item\" data-index=\"1\"\u003e\n\u003cspan class=\"section-3-item-pre-title\"\u003eReal estate agent\u003c\/span\u003e\n\u003ch3 class=\"section-3-item-title\"\u003eTurn conversations into conversions\u003c\/h3\u003e\n\u003cp class=\"section-3-item-content\"\u003eDetails are the difference between closing the deal and not. Capture every word your client says so you can deliver exactly what they want.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"section-3-content-item\" data-index=\"2\"\u003e\n\u003cspan class=\"section-3-item-pre-title\"\u003eEducator\u003c\/span\u003e\n\u003ch3 class=\"section-3-item-title\"\u003eBetter education starts with better insights\u003c\/h3\u003e\n\u003cp class=\"section-3-item-content\"\u003eRecord, recall, and review so you can enhance your educational programs and provide post-session transcripts.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"section-3-content-item\" data-index=\"3\"\u003e\n\u003cspan class=\"section-3-item-pre-title\"\u003eEngineer\u003c\/span\u003e\n\u003ch3 class=\"section-3-item-title\"\u003eDesigned to keep you on track and on time\u003c\/h3\u003e\n\u003cp class=\"section-3-item-content\"\u003eYou build, we handle your meetings. Even when offline, NotePin S captures everything, so your project stays on schedule.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"section-3-content-item\" data-index=\"4\"\u003e\n\u003cspan class=\"section-3-item-pre-title\"\u003eDigital nomad\u003c\/span\u003e\n\u003ch3 class=\"section-3-item-title\"\u003e1,000+ ideas \u0026 notes carried lightly\u003c\/h3\u003e\n\u003cp class=\"section-3-item-content\"\u003eYour AI on the go is all you need. With AI power weighing about one AA battery, NotePin S goes wherever your work takes you.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"section-3-content-item\" data-index=\"5\"\u003e\n\u003cspan class=\"section-3-item-pre-title\"\u003eCreative worker\u003c\/span\u003e\n\u003ch3 class=\"section-3-item-title\"\u003eAlways ready to capture your next great idea\u003c\/h3\u003e\n\u003cp class=\"section-3-item-content\"\u003eWe handle the busy work, you focus on the creative. With AI-powered summaries and insights, we've removed the boring part of every job.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ========== SECTION 3 END ========== --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- ========== SECTION 6 START ========== --\u003e\n\u003csection id=\"shopify-section-template--26186042999147__ww_multi_content_4XmAnF\" class=\"shopify-section\"\u003e\n\u003cdiv class=\"section sec__multi-content gradient color-default section-top-pc-b section-padding-top section-bottom-pc-b\" style=\"--col-gap: 30px;\" id=\"template--26186042999147__ww_multi_content_4XmAnF\" role=\"region\" aria-label=\"Enjoy the Free Starter Plan\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"section__header mb-33 mb-sm-20 text-center\"\u003e\n\u003cdiv class=\"cs-section-header\"\u003e\n\u003cdiv class=\"section-heading text-center! md:text-center!\" aria-label=\"Enjoy the Free Starter Plan\"\u003e\n\u003ch2 aria-label=\"Enjoy the Free Starter Plan\"\u003eEnjoy the Free Starter Plan\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-sub-heading text-center! md:text-center!\" aria-label=\"Need more? You can always upgrade to the Pro Plan or Unlimited Plan for extended transcription minutes\"\u003eNeed more? You can always upgrade to the \u003cb\u003ePro Plan\u003c\/b\u003e or \u003cb\u003eUnlimited Plan\u003c\/b\u003e for extended transcription minutes\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"col-content-col_parent_YDmdaC\" class=\"section__block-inner w-full gradient color-scheme-accf3b11-ba40-4a3e-bafb-243ece6683ec relative flex flex-wrap gap rounded overflow-hidden hover_fade\" style=\"--col-gap: 30px;\"\u003e\n\u003cdiv class=\"overflow-hidden rounded hover_fade\" style=\"max-width: 100%;\"\u003e\n\u003cdiv class=\"block banner__media\" style=\"--aspect-ratio-mb: 0.5219206680584552; --aspect-ratio: 2.147820593809223;\"\u003e\u003cpicture class=\"image-picture\" role=\"img\" aria-label=\"Image\"\u003e \u003cimg alt=\"Image\" width=\"3400\" height=\"1583\" loading=\"lazy\" sizes=\"(min-width: 1600px) min(1920px, calc(100vw - 0px * 0)), (min-width: 1200px) min(1500px, calc(100vw - 0px * 0)), (min-width: 768px) min(1500px, calc(100vw - 0px * 0)), min(1500px, calc(100vw - 0px * 0))\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0559\/9235\/2977\/files\/web-aciklama-plaud-notepin-s-2.jpg?v=1773408162\" style=\"width: 100%; height: auto;\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sec__content gradient color-default text-left justify-left rounded\"\u003e\n\u003cdiv class=\"sec__content-inner py-custom px-custom\"\u003e\n\u003cp style=\"text-align: center; width: 100%;\"\u003e\u003cspan style=\"color: #808080; text-align: center; width: 100%;\"\u003e Notice: Some features may not be available in all regions at launch and will be rolled out in future updates. \u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ========== SECTION 6 END ========== --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n    \u003c!-- ========== SECTION 4 START ========== --\u003e\n\n    \u003csection class=\"section-padding-top privacy-security-section\"\u003e\n      \u003cdiv class=\"container\"\u003e\n        \u003cdiv class=\"privacy-header\"\u003e\n          \u003ch2 class=\"section-1-title\"\u003ePrivacy-focused design\u003c\/h2\u003e\n          \u003cp class=\"privacy-subtitle\" style=\"margin-top: 15px\"\u003e\n            Enterprise-grade security\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"privacy-carousel-wrapper\"\u003e\n          \u003cdiv class=\"swiper privacy-swiper\"\u003e\n            \u003cdiv class=\"swiper-wrapper\"\u003e\n              \u003c!-- Slide 1: ISO 27001 --\u003e\n              \u003cdiv class=\"swiper-slide\"\u003e\n                \u003cdiv class=\"privacy-card\"\u003e\n                  \u003cdiv class=\"privacy-card-icon\"\u003e\n                    \u003cimg src=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/ISO_27001.webp?v=1765790208\u0026amp;width=250\" alt=\"ISO 27001\" width=\"80\" height=\"80\" loading=\"lazy\"\u003e\n                  \u003c\/div\u003e\n                  \u003ch3 class=\"privacy-card-title\"\u003eISO 27001\u003c\/h3\u003e\n                  \u003cspan class=\"privacy-card-badge\"\u003eCompliant\u003c\/span\u003e\n                  \u003cp class=\"privacy-card-desc\"\u003e\n                    Globally recognized standard for information security. It protects your data with strict controls ensuring confidentiality, integrity, and accessibility.\n                  \u003c\/p\u003e\n                \u003c\/div\u003e\n              \u003c\/div\u003e\n\n              \u003c!-- Slide 2: ISO 27701 --\u003e\n              \u003cdiv class=\"swiper-slide\"\u003e\n                \u003cdiv class=\"privacy-card\"\u003e\n                  \u003cdiv class=\"privacy-card-icon\"\u003e\n                    \u003cimg src=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/ISO_27701.webp?v=1765790210\u0026amp;width=250\" alt=\"ISO 27701\" width=\"80\" height=\"80\" loading=\"lazy\"\u003e\n                  \u003c\/div\u003e\n                  \u003ch3 class=\"privacy-card-title\"\u003eISO 27701\u003c\/h3\u003e\n                  \u003cspan class=\"privacy-card-badge\"\u003eCompliant\u003c\/span\u003e\n                  \u003cp class=\"privacy-card-desc\"\u003e\n                    Global privacy management standard. Ensures personal data is handled responsibly, transparently, and in compliance with GDPR.\n                  \u003c\/p\u003e\n                \u003c\/div\u003e\n              \u003c\/div\u003e\n\n              \u003c!-- Slide 3: GDPR --\u003e\n              \u003cdiv class=\"swiper-slide\"\u003e\n                \u003cdiv class=\"privacy-card\"\u003e\n                  \u003cdiv class=\"privacy-card-icon\"\u003e\n                    \u003cimg src=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/plaud_get_GDPR_383ec2e0-cdbe-44ec-8ae4-3180f53af016.png?v=1765790156\u0026amp;width=250\" alt=\"GDPR\" width=\"80\" height=\"80\" loading=\"lazy\"\u003e\n                  \u003c\/div\u003e\n                  \u003ch3 class=\"privacy-card-title\"\u003eGDPR\u003c\/h3\u003e\n                  \u003cspan class=\"privacy-card-badge\"\u003eCompliant\u003c\/span\u003e\n                  \u003cp class=\"privacy-card-desc\"\u003e\n                    Your data remains under your control and is protected by one of Europe's strictest privacy laws.\n                  \u003c\/p\u003e\n                \u003c\/div\u003e\n              \u003c\/div\u003e\n\n              \u003c!-- Slide 4: SOC 2 --\u003e\n              \u003cdiv class=\"swiper-slide\"\u003e\n                \u003cdiv class=\"privacy-card\"\u003e\n                  \u003cdiv class=\"privacy-card-icon\"\u003e\n                    \u003cimg src=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/plaud_get_SOC2_bff7ed0e-248f-434f-a24a-4a97e9d008eb.png?v=1765790154\u0026amp;width=250\" alt=\"SOC 2\" width=\"80\" height=\"80\" loading=\"lazy\"\u003e\n                  \u003c\/div\u003e\n                  \u003ch3 class=\"privacy-card-title\"\u003eSOC 2\u003c\/h3\u003e\n                  \u003cspan class=\"privacy-card-badge\"\u003eCompliant\u003c\/span\u003e\n                  \u003cp class=\"privacy-card-desc\"\u003e\n                    Independently verified systems meeting industry standards for security, availability, and confidentiality.\n                  \u003c\/p\u003e\n                \u003c\/div\u003e\n              \u003c\/div\u003e\n\n              \u003c!-- Slide 5: HIPAA --\u003e\n              \u003cdiv class=\"swiper-slide\"\u003e\n                \u003cdiv class=\"privacy-card\"\u003e\n                  \u003cdiv class=\"privacy-card-icon\"\u003e\n                    \u003cimg src=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/plaud_get_HIPAA_0240a664-838a-4ab4-bfe5-24326a5d9e28.png?v=1765790154\u0026amp;width=250\" alt=\"HIPAA\" width=\"80\" height=\"80\" loading=\"lazy\"\u003e\n                  \u003c\/div\u003e\n                  \u003ch3 class=\"privacy-card-title\"\u003eHIPAA\u003c\/h3\u003e\n                  \u003cspan class=\"privacy-card-badge\"\u003eCompliant\u003c\/span\u003e\n                  \u003cp class=\"privacy-card-desc\"\u003e\n                    Healthcare industry-level safeguards; protects medical and personal information according to strict industry standards.\n                  \u003c\/p\u003e\n                \u003c\/div\u003e\n              \u003c\/div\u003e\n\n              \u003c!-- Slide 6: EN 18031 --\u003e\n              \u003cdiv class=\"swiper-slide\"\u003e\n                \u003cdiv class=\"privacy-card\"\u003e\n                  \u003cdiv class=\"privacy-card-icon\"\u003e\n                    \u003cimg src=\"https:\/\/www.plaud.ai\/cdn\/shop\/files\/0930-EN-18031.webp?v=1765790183\u0026amp;width=250\" alt=\"EN 18031\" width=\"80\" height=\"80\" loading=\"lazy\"\u003e\n                  \u003c\/div\u003e\n                  \u003ch3 class=\"privacy-card-title\"\u003eEN 18031\u003c\/h3\u003e\n                  \u003cspan class=\"privacy-card-badge\"\u003eCompliant\u003c\/span\u003e\n                  \u003cp class=\"privacy-card-desc\"\u003e\n                    Meets European cybersecurity standards for secure wireless communication.\n                  \u003c\/p\u003e\n                \u003c\/div\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- Navigation Controls (Bottom Right) --\u003e\n            \u003cdiv class=\"privacy-controls\"\u003e\n              \u003cdiv class=\"privacy-controls-inner\"\u003e\n                \u003cdiv class=\"privacy-nav-button privacy-button-prev\"\u003e\n                  \u003csvg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n                    \u003cpath d=\"M15 18L9 12L15 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n                  \u003c\/svg\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"swiper-pagination privacy-pagination\"\u003e\u003c\/div\u003e\n                \u003cdiv class=\"privacy-nav-button privacy-button-next\"\u003e\n                  \u003csvg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n                    \u003cpath d=\"M9 18L15 12L9 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n                  \u003c\/svg\u003e\n                \u003c\/div\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\u003cstyle\u003e\n      .privacy-security-section {\n        background: #fff;\n      }\n\n      .privacy-security-section .container {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 20px;\n      }\n\n      .privacy-header {\n        text-align: center;\n        margin-bottom: 60px;\n      }\n\n      .privacy-title {\n        font-size: 48px;\n        font-weight: 600;\n        color: #000;\n        margin: 0 0 12px 0;\n        line-height: 1.2;\n      }\n\n      .privacy-subtitle {\n        font-size: 20px;\n        color: #666;\n        margin: 0;\n      }\n\n      .privacy-carousel-wrapper {\n        position: relative;\n        overflow: hidden;\n      }\n\n      .privacy-swiper {\n        overflow: hidden;\n      }\n\n      .privacy-swiper .swiper-slide {\n        height: auto;\n      }\n\n      .privacy-card {\n        background: #f7f7f7;\n        border-radius: 12px;\n        padding: 40px 20px 30px;\n        text-align: center;\n        height: 100%;\n        display: flex;\n        flex-direction: column;\n        transition: transform 0.3s ease;\n      }\n\n      .privacy-card:hover {\n        transform: translateY(-4px);\n      }\n\n      .privacy-card-icon {\n        width: 80px;\n        height: 80px;\n        margin: 0 auto 20px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n\n      .privacy-card-icon img {\n        width: 100%;\n        height: 100%;\n        object-fit: contain;\n      }\n\n      .privacy-card-title {\n        font-size: 24px;\n        font-weight: 600;\n        color: #000;\n        margin: 0 0 8px 0;\n      }\n\n      .privacy-card-badge {\n        display: inline-block;\n        font-size: 12px;\n        color: #666;\n        margin-bottom: 20px;\n        font-weight: 400;\n      }\n\n      .privacy-card-desc {\n        font-size: 14px;\n        line-height: 1.6;\n        color: #333;\n        margin: 0;\n        flex: 1;\n      }\n\n      \/* Navigation Controls *\/\n      .privacy-controls {\n        display: flex;\n        justify-content: flex-end;\n        align-items: center;\n        gap: 10px;\n        width: 100%;\n        margin-top: 40px;\n      }\n\n      .privacy-controls-inner {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        max-width: 700px;\n      }\n\n      .privacy-nav-button {\n        width: 40px;\n        height: 40px;\n        border-radius: 4px;\n        background: transparent;\n        color: #000;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        transition: all 0.3s ease;\n      }\n\n      .privacy-nav-button:hover {\n        opacity: 0.7;\n      }\n\n      .privacy-nav-button.swiper-button-disabled {\n        opacity: 0.3;\n        cursor: not-allowed;\n      }\n\n      \/* Progress Bar Pagination *\/\n      .privacy-pagination {\n        flex: 1;\n        min-width: 200px;\n        height: 4px;\n        background: #ddd;\n        border-radius: 2px;\n        position: relative;\n        overflow: hidden;\n      }\n\n      .privacy-pagination.swiper-pagination-progressbar\n        .swiper-pagination-progressbar-fill {\n        background: #39f672;\n        height: 100%;\n        transition: transform 0.3s ease;\n      }\n\n      \/* Mobile Responsive *\/\n      @media screen and (max-width: 768px) {\n        .privacy-security-section .container {\n          padding: 0 16px;\n        }\n\n        .privacy-header {\n          margin-bottom: 40px;\n        }\n\n        .privacy-title {\n          font-size: 32px;\n        }\n\n        .privacy-subtitle {\n          font-size: 16px;\n        }\n\n        .privacy-card {\n          padding: 30px 16px 24px;\n        }\n\n        .privacy-card-icon {\n          width: 60px;\n          height: 60px;\n          margin-bottom: 16px;\n        }\n\n        .privacy-card-title {\n          font-size: 20px;\n        }\n\n        .privacy-card-desc {\n          font-size: 13px;\n        }\n\n        .privacy-controls-inner {\n          max-width: 380px;\n        }\n\n        .privacy-pagination {\n          flex: 1;\n          min-width: 150px;\n        }\n\n        .privacy-nav-button {\n          width: 36px;\n          height: 36px;\n        }\n      }\n    \u003c\/style\u003e\n\n    \u003cscript\u003e\n      \/\/ Initialize Privacy Swiper\n      document.addEventListener(\"DOMContentLoaded\", function () {\n        const privacySwiper = new Swiper(\".privacy-swiper\", {\n          slidesPerView: 1.5,\n          spaceBetween: 20,\n          loop: true,\n          speed: 600,\n          autoplay: {\n            delay: 3000,\n            disableOnInteraction: false,\n          },\n          navigation: {\n            nextEl: \".privacy-button-next\",\n            prevEl: \".privacy-button-prev\",\n          },\n          pagination: {\n            el: \".privacy-pagination\",\n            type: \"progressbar\",\n          },\n          breakpoints: {\n            640: {\n              slidesPerView: 2,\n              spaceBetween: 20,\n            },\n            768: {\n              slidesPerView: 3,\n              spaceBetween: 24,\n            },\n            1024: {\n              slidesPerView: 4,\n              spaceBetween: 24,\n            },\n            1280: {\n              slidesPerView: 5,\n              spaceBetween: 24,\n            },\n          },\n        });\n      });\n    \u003c\/script\u003e\n\n    \u003c!-- ========== SECTION 4 END ========== --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- ========== SECTION 5 START ========== --\u003e\n\u003cstyle\u003e\n      .delta-presale-rolling-num {\n        padding: 0 0;\n        background: #fff;\n      }\n\n      .rolling-num-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 20px;\n      }\n\n      .cs-section-header {\n        text-align: center;\n        margin-bottom: 20px;\n      }\n\n      .section-heading h2 {\n        font-size: 2.5rem;\n        font-weight: 400;\n        color: #1a1a1a;\n        margin: 0;\n        line-height: 3rem;\n      }\n\n      .section-sub-heading {\n        font-size: 20px;\n        color: #666;\n        margin-top: 15px;\n      }\n\n      .media-item {\n        position: relative;\n        width: 100%;\n        margin-bottom: 40px;\n        overflow: hidden;\n        border-radius: 12px;\n      }\n\n      .media-item picture,\n      .media-item .item-img {\n        display: block;\n        width: 100%;\n      }\n\n      .media-item img {\n        width: 100%;\n        height: auto;\n        display: block;\n      }\n\n      .media-item video {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        opacity: 0;\n        transition: opacity 0.3s ease;\n      }\n\n      .media-item video.play {\n        opacity: 1;\n      }\n\n      .content-con {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 40px;\n      }\n\n      .content-item {\n        text-align: center;\n      }\n\n      .content-item strong {\n        font-size: 24px;\n        color: #000;\n        display: block;\n        margin-bottom: 12px;\n      }\n\n      .content-item .item-num {\n        font-size: 64px;\n        font-weight: 300;\n        color: #00d0ff;\n        display: inline-block;\n        margin-right: 8px;\n      }\n\n      .content-item p {\n        font-size: 16px;\n        line-height: 1.6;\n        color: #333;\n        margin: 8px 0;\n      }\n\n      @media screen and (max-width: 768px) {\n        .section-heading h2 {\n          font-size: 32px;\n        }\n\n        .section-sub-heading {\n          font-size: 16px;\n        }\n\n        .content-con {\n          grid-template-columns: 1fr;\n          gap: 30px;\n        }\n\n        .content-item {\n          text-align: left;\n        }\n\n        .content-item .item-num {\n          font-size: 48px;\n        }\n\n        .content-item strong {\n          font-size: 20px;\n        }\n\n        .content-item p {\n          font-size: 14px;\n        }\n      }\n    \u003c\/style\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- ========== SECTION 5 END ========== --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- ========== SPECIFICATION SECTION ========== --\u003e\n\u003csection class=\"specification-section\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"specification-header\"\u003e\n\u003ch2 class=\"specification-title\"\u003eTechnical Specifications\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"specification-grid\"\u003e\n\u003cdiv class=\"specification-item\"\u003e\n\u003cp\u003eDimensions\u003c\/p\u003e\n\u003cstrong\u003e51.1 × 21.1 × 10.9 mm\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"specification-item\"\u003e\n\u003cp\u003eWeight\u003c\/p\u003e\n\u003cstrong\u003e17.3 g\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"specification-item\"\u003e\n\u003cp\u003eBattery\u003c\/p\u003e\n\u003cstrong\u003e320mAh\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"specification-item\"\u003e\n\u003cp\u003eConnectivity\u003c\/p\u003e\n\u003cstrong\u003eBLE 5.2 \/ Wi-Fi\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"specification-item\"\u003e\n\u003cp\u003eMicrophone\u003c\/p\u003e\n\u003cstrong\u003e2 MEMS\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"specification-item\"\u003e\n\u003cp\u003eCharging Time\u003c\/p\u003e\n\u003cstrong\u003e2 hours\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"specification-item\"\u003e\n\u003cp\u003eStorage\u003c\/p\u003e\n\u003cstrong\u003e64 GB\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"specification-item\"\u003e\n\u003cp\u003eEffective Recording Distance\u003c\/p\u003e\n\u003cstrong\u003eUp to 3 meters\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ========== SPECIFICATION SECTION END ========== --\u003e\n\u003c!-- ========== AI MODELS SECTION START ========== --\u003e\n\u003csection class=\"specification-section\" style=\"padding-top: 0;\"\u003e\n  \u003cdiv class=\"container\"\u003e\n    \u003cdiv class=\"specification-header\"\u003e\n      \u003ch2 class=\"specification-title\"\u003eSupported AI Models\u003c\/h2\u003e\n    \u003c\/div\u003e\n    \u003cdiv style=\"display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px;\"\u003e\n\n      \u003cdiv style=\"background: #f7f7f7; border-radius: 12px; padding: 24px;\"\u003e\n        \u003ch3 style=\"font-size: 20px; font-weight: 700; color: #1a1a1a; margin: 0 0 8px 0;\"\u003eGPT-5\u003c\/h3\u003e\n        \u003cp style=\"font-size: 14px; color: #666; margin: 0; line-height: 1.6;\"\u003eGreat all-around model for reasoning, summaries, and complex tasks.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv style=\"background: #f7f7f7; border-radius: 12px; padding: 24px;\"\u003e\n        \u003ch3 style=\"font-size: 20px; font-weight: 700; color: #1a1a1a; margin: 0 0 8px 0;\"\u003eGPT-5.2\u003c\/h3\u003e\n        \u003cp style=\"font-size: 14px; color: #666; margin: 0; line-height: 1.6;\"\u003eBest for deep analysis, long context, and accurate notes with faster, reliable performance.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv style=\"background: #f7f7f7; border-radius: 12px; padding: 24px;\"\u003e\n        \u003ch3 style=\"font-size: 20px; font-weight: 700; color: #1a1a1a; margin: 0 0 8px 0;\"\u003eGemini 2.5 Pro\u003c\/h3\u003e\n        \u003cp style=\"font-size: 14px; color: #666; margin: 0; line-height: 1.6;\"\u003eStrong at understanding complex text and producing structured summaries.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv style=\"background: #f7f7f7; border-radius: 12px; padding: 24px;\"\u003e\n        \u003ch3 style=\"font-size: 20px; font-weight: 700; color: #1a1a1a; margin: 0 0 8px 0;\"\u003eGemini 3.1 Pro \u003cspan style=\"color: #ff4444; font-size: 10px; vertical-align: middle;\"\u003e●\u003c\/span\u003e\n\u003c\/h3\u003e\n        \u003cp style=\"font-size: 14px; color: #666; margin: 0; line-height: 1.6;\"\u003eGreat for advanced reasoning, long-context recall, and multimodal understanding.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv style=\"background: #f7f7f7; border-radius: 12px; padding: 24px;\"\u003e\n        \u003ch3 style=\"font-size: 20px; font-weight: 700; color: #1a1a1a; margin: 0 0 8px 0;\"\u003eClaude Sonnet 4.6 \u003cspan style=\"color: #ff4444; font-size: 10px; vertical-align: middle;\"\u003e●\u003c\/span\u003e\n\u003c\/h3\u003e\n        \u003cp style=\"font-size: 14px; color: #666; margin: 0; line-height: 1.6;\"\u003eAdvanced reasoning with enhanced capabilities.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv style=\"background: #f7f7f7; border-radius: 12px; padding: 24px;\"\u003e\n        \u003ch3 style=\"font-size: 20px; font-weight: 700; color: #1a1a1a; margin: 0 0 8px 0;\"\u003eClaude Sonnet 4.5\u003c\/h3\u003e\n        \u003cp style=\"font-size: 14px; color: #666; margin: 0; line-height: 1.6;\"\u003eExcellent for nuanced reasoning and high-quality text comprehension.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\u003c!-- ========== AI MODELS SECTION END ========== --\u003e\n\u003cp\u003e\u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"\u003e\u003c\/script\u003e \u003cscript\u003e\n      \/\/ Section 2 Tab Switching Functionality\n      document.addEventListener(\"DOMContentLoaded\", function () {\n        \/\/ Initialize functionality based on screen size\n        initSection2();\n\n        \/\/ Re-initialize on window resize\n        let resizeTimeout;\n        window.addEventListener(\"resize\", function () {\n          clearTimeout(resizeTimeout);\n          resizeTimeout = setTimeout(function () {\n            initSection2();\n          }, 250);\n        });\n      });\n\n      \/**\n       * Initialize Section 2 based on screen size\n       *\/\n      function initSection2() {\n        const section = document.querySelector(\".section-2\");\n        if (!section) return;\n\n        const videosContainer = section.querySelector(\".section-2-videos\");\n        if (!videosContainer) return;\n\n        const isDesktopView = window.innerWidth \u003e 768;\n\n        \/\/ Hide videos during transition\n        videosContainer.classList.add(\"transitioning\");\n\n        \/\/ Wait a moment for the transition to apply\n        setTimeout(() =\u003e {\n          if (isDesktopView) {\n            \/\/ Desktop: Tab functionality enabled\n            initSection2Tabs(\".section-2\");\n          } else {\n            \/\/ Mobile: Show all videos, no tab switching\n            showAllVideosOnMobile(\".section-2\");\n          }\n\n          \/\/ Initialize video controls\n          initVideoControls(\".section-2\");\n\n          \/\/ Show videos with fade-in after initialization\n          setTimeout(() =\u003e {\n            videosContainer.classList.remove(\"transitioning\");\n          }, 50);\n        }, 100);\n      }\n\n      \/**\n       * Show all videos on mobile (no tab switching)\n       * @param {string} sectionSelector - CSS selector for the section\n       *\/\n      function showAllVideosOnMobile(sectionSelector) {\n        const section = document.querySelector(sectionSelector);\n        if (!section) return;\n\n        const videoItems = section.querySelectorAll(\".section-2-video-item\");\n\n        \/\/ Show all video items on mobile and auto-play them\n        videoItems.forEach((item) =\u003e {\n          item.classList.add(\"active\");\n          item.style.display = \"block\";\n          item.style.opacity = \"1\";\n\n          \/\/ Auto-play each video on mobile with a slight delay\n          setTimeout(() =\u003e {\n            const video = item.querySelector(\"video\");\n            const container = item.querySelector(\".section-2-video-container\");\n            const poster = item.querySelector(\".section-2-video-poster\");\n\n            if (video \u0026\u0026 container) {\n              video\n                .play()\n                .then(() =\u003e {\n                  container.classList.add(\"playing\");\n                  if (poster) {\n                    poster.style.display = \"none\";\n                  }\n                })\n                .catch((err) =\u003e {\n                  console.log(\"Auto-play prevented by browser\", err);\n                  \/\/ Browser might block autoplay, user will need to click play button\n                });\n            }\n          }, 100);\n        });\n      }\n\n      \/**\n       * Initialize tab switching functionality for Section 2\n       * @param {string} sectionSelector - CSS selector for the section\n       *\/\n      function initSection2Tabs(sectionSelector) {\n        const section = document.querySelector(sectionSelector);\n        if (!section) return;\n\n        const tabs = section.querySelectorAll(\".section-2-tab\");\n        const videoItems = section.querySelectorAll(\".section-2-video-item\");\n\n        \/\/ Map tab names to video items\n        const tabNames = [\"Capture\", \"Extract\", \"Utilize\"];\n\n        \/\/ Find currently active tab or default to Utilize\n        let activeIndex = -1;\n        tabs.forEach((tab, index) =\u003e {\n          if (tab.classList.contains(\"active\")) {\n            activeIndex = index;\n          }\n        });\n\n        if (activeIndex === -1) {\n          activeIndex = tabNames.indexOf(\"Utilize\");\n        }\n\n        \/\/ Remove inline styles from mobile view and reset all videos\n        videoItems.forEach((item, index) =\u003e {\n          item.style.display = \"\";\n          item.style.opacity = \"\";\n          item.style.transition = \"\";\n\n          \/\/ Remove active class from all videos first\n          item.classList.remove(\"active\");\n\n          \/\/ Pause all videos\n          const video = item.querySelector(\"video\");\n          if (video) {\n            video.pause();\n            video.currentTime = 0;\n          }\n\n          \/\/ Reset video container state\n          const container = item.querySelector(\".section-2-video-container\");\n          if (container) {\n            container.classList.remove(\"playing\");\n          }\n\n          \/\/ Show poster again\n          const poster = item.querySelector(\".section-2-video-poster\");\n          if (poster) {\n            poster.style.display = \"block\";\n          }\n        });\n\n        \/\/ Remove active class from all tabs first\n        tabs.forEach((t) =\u003e t.classList.remove(\"active\"));\n\n        \/\/ Set the active tab and video\n        if (tabs[activeIndex]) {\n          tabs[activeIndex].classList.add(\"active\");\n        }\n        if (videoItems[activeIndex]) {\n          videoItems[activeIndex].classList.add(\"active\");\n        }\n\n        \/\/ Remove old event listeners by cloning tabs\n        tabs.forEach((tab) =\u003e {\n          const newTab = tab.cloneNode(true);\n          tab.parentNode.replaceChild(newTab, tab);\n        });\n\n        \/\/ Get fresh references after cloning\n        const freshTabs = section.querySelectorAll(\".section-2-tab\");\n\n        \/\/ Add click event listeners to fresh tabs\n        freshTabs.forEach((tab, index) =\u003e {\n          tab.addEventListener(\"click\", function () {\n            \/\/ Remove active class from all tabs\n            freshTabs.forEach((t) =\u003e t.classList.remove(\"active\"));\n\n            \/\/ Add active class to clicked tab\n            tab.classList.add(\"active\");\n\n            \/\/ Hide all video items\n            videoItems.forEach((item) =\u003e {\n              item.classList.remove(\"active\");\n              item.style.opacity = \"\";\n              item.style.transition = \"\";\n\n              \/\/ Pause video when switching\n              const video = item.querySelector(\"video\");\n              if (video) {\n                video.pause();\n                video.currentTime = 0;\n              }\n              \/\/ Reset video container state\n              const container = item.querySelector(\n                \".section-2-video-container\"\n              );\n              if (container) {\n                container.classList.remove(\"playing\");\n              }\n              \/\/ Show poster again\n              const poster = item.querySelector(\".section-2-video-poster\");\n              if (poster) {\n                poster.style.display = \"block\";\n              }\n            });\n\n            \/\/ Show corresponding video item\n            if (videoItems[index]) {\n              videoItems[index].classList.add(\"active\");\n            }\n\n            \/\/ Add smooth transition effect\n            videoItems[index].style.opacity = \"0\";\n            setTimeout(() =\u003e {\n              videoItems[index].style.transition = \"opacity 0.3s ease\";\n              videoItems[index].style.opacity = \"1\";\n\n              \/\/ Auto-play video when tab is opened\n              const activeVideo = videoItems[index].querySelector(\"video\");\n              const activeContainer = videoItems[index].querySelector(\n                \".section-2-video-container\"\n              );\n              const activePoster = videoItems[index].querySelector(\n                \".section-2-video-poster\"\n              );\n\n              if (activeVideo \u0026\u0026 activeContainer) {\n                activeVideo\n                  .play()\n                  .then(() =\u003e {\n                    activeContainer.classList.add(\"playing\");\n                    if (activePoster) {\n                      activePoster.style.display = \"none\";\n                    }\n                  })\n                  .catch((err) =\u003e {\n                    console.log(\"Auto-play prevented by browser:\", err);\n                    \/\/ Browser might block autoplay, user will need to click play button\n                  });\n              }\n            }, 10);\n          });\n        });\n      }\n\n      \/**\n       * Initialize video play\/pause controls\n       * @param {string} sectionSelector - CSS selector for the section\n       *\/\n      function initVideoControls(sectionSelector) {\n        const section = document.querySelector(sectionSelector);\n        if (!section) return;\n\n        const videoContainers = section.querySelectorAll(\n          \".section-2-video-container\"\n        );\n\n        videoContainers.forEach((container) =\u003e {\n          const video = container.querySelector(\"video\");\n          const poster = container.querySelector(\".section-2-video-poster\");\n          const controls = container.querySelector(\".section-2-video-controls\");\n\n          if (!video || !controls) return;\n\n          \/\/ Remove existing event listeners to prevent duplicates\n          const newControls = controls.cloneNode(true);\n          controls.parentNode.replaceChild(newControls, controls);\n          const finalControls = container.querySelector(\n            \".section-2-video-controls\"\n          );\n\n          \/\/ Click on controls to play\/pause\n          const controlsClickHandler = function (e) {\n            e.preventDefault();\n            e.stopPropagation();\n\n            if (video.paused) {\n              \/\/ Play video\n              video\n                .play()\n                .then(() =\u003e {\n                  container.classList.add(\"playing\");\n                  if (poster) {\n                    poster.style.display = \"none\";\n                  }\n                })\n                .catch((err) =\u003e {\n                  console.error(\"Video play failed:\", err);\n                });\n            } else {\n              \/\/ Pause video\n              video.pause();\n              container.classList.remove(\"playing\");\n            }\n          };\n\n          \/\/ Click on container (but not on controls) to play\/pause\n          const containerClickHandler = function (e) {\n            \/\/ Only trigger if not clicking on controls\n            if (!e.target.closest(\".section-2-video-controls\")) {\n              controlsClickHandler(e);\n            }\n          };\n\n          \/\/ Add click and touch event listeners\n          finalControls.addEventListener(\"click\", controlsClickHandler);\n          finalControls.addEventListener(\"touchend\", controlsClickHandler);\n\n          container.addEventListener(\"click\", containerClickHandler);\n          container.addEventListener(\"touchend\", containerClickHandler);\n\n          \/\/ Show controls on hover (desktop only)\n          container.addEventListener(\"mouseenter\", function () {\n            if (finalControls) {\n              finalControls.style.opacity = \"1\";\n            }\n          });\n\n          container.addEventListener(\"mouseleave\", function () {\n            if (finalControls \u0026\u0026 !video.paused) {\n              finalControls.style.opacity = \"0.7\";\n            }\n          });\n\n          \/\/ Reset when video ends\n          video.addEventListener(\"ended\", function () {\n            container.classList.remove(\"playing\");\n            if (poster) {\n              poster.style.display = \"block\";\n            }\n            video.currentTime = 0;\n          });\n\n          \/\/ Handle video loaded event\n          video.addEventListener(\"loadeddata\", function () {\n            console.log(\"Video loaded successfully\");\n          });\n\n          \/\/ Lazy load video source\n          if (\n            video.hasAttribute(\"data-src-pc\") ||\n            video.hasAttribute(\"data-src-mb\")\n          ) {\n            const isMobile = window.innerWidth \u003c 768;\n            const srcAttr = isMobile ? \"data-src-mb\" : \"data-src-pc\";\n            const videoSrc = video.getAttribute(srcAttr);\n\n            if (videoSrc) {\n              const source = video.querySelector(\"source\");\n              if (source) {\n                source.src = videoSrc;\n                video.load();\n              }\n            }\n          }\n        });\n      }\n\n      \/\/ Handle window resize for responsive video sources\n      let videoResizeTimer;\n      window.addEventListener(\"resize\", function () {\n        clearTimeout(videoResizeTimer);\n        videoResizeTimer = setTimeout(function () {\n          \/\/ Reload videos if screen size changes significantly\n          const sections = document.querySelectorAll(\".section-2\");\n          sections.forEach((section) =\u003e {\n            const videos = section.querySelectorAll(\n              \"video[data-src-pc], video[data-src-mb]\"\n            );\n            videos.forEach((video) =\u003e {\n              if (video.paused) {\n                const isMobile = window.innerWidth \u003c 768;\n                const srcAttr = isMobile ? \"data-src-mb\" : \"data-src-pc\";\n                const videoSrc = video.getAttribute(srcAttr);\n\n                if (videoSrc) {\n                  const source = video.querySelector(\"source\");\n                  if (source \u0026\u0026 source.src !== videoSrc) {\n                    source.src = videoSrc;\n                    video.load();\n                  }\n                }\n              }\n            });\n          });\n        }, 250);\n      });\n\n      \/\/ Add keyboard accessibility (desktop only)\n      document.addEventListener(\"keydown\", function (e) {\n        \/\/ Only enable keyboard navigation on desktop\n        if (window.innerWidth \u003c= 768) return;\n\n        const activeTab = document.querySelector(\".section-2-tab.active\");\n        if (!activeTab) return;\n\n        const section = activeTab.closest(\".section-2\");\n        if (!section) return;\n\n        const tabs = Array.from(section.querySelectorAll(\".section-2-tab\"));\n        const currentIndex = tabs.indexOf(activeTab);\n\n        \/\/ Arrow key navigation\n        if (e.key === \"ArrowLeft\" \u0026\u0026 currentIndex \u003e 0) {\n          e.preventDefault();\n          tabs[currentIndex - 1].click();\n          tabs[currentIndex - 1].focus();\n        } else if (e.key === \"ArrowRight\" \u0026\u0026 currentIndex \u003c tabs.length - 1) {\n          e.preventDefault();\n          tabs[currentIndex + 1].click();\n          tabs[currentIndex + 1].focus();\n        }\n      });\n\n      \/\/ ========== SECTION 3 SWIPER INITIALIZATION ==========\n\n      \/\/ Store all section instances\n      const section3Instances = new Map();\n\n      \/**\n       * Initialize a single Section 3 instance\n       *\/\n      function initSection3Instance(sectionElement) {\n        \/\/ Wait for Swiper library to load\n        if (typeof Swiper === \"undefined\") {\n          setTimeout(() =\u003e initSection3Instance(sectionElement), 100);\n          return;\n        }\n\n        const sectionId = sectionElement.id || `section-3-${Date.now()}`;\n\n        \/\/ Get existing instance or create new\n        let instance = section3Instances.get(sectionId);\n\n        \/\/ Destroy existing swiper if it exists\n        if (instance \u0026\u0026 instance.swiper) {\n          instance.swiper.destroy(true, true);\n        }\n\n        \/\/ Cache elements\n        const slider = sectionElement.querySelector(\".section-3-media-slider\");\n        const playPauseBtn = sectionElement.querySelector(\n          \".section-3-play-pause-btn\"\n        );\n        const contentList = sectionElement.querySelector(\n          \".section-3-content-list\"\n        );\n\n        if (!slider) return;\n\n        \/\/ Create instance object\n        instance = {\n          section: sectionElement,\n          slider: slider,\n          playPauseBtn: playPauseBtn,\n          contentList: contentList,\n          swiper: null,\n          isPlaying: true,\n        };\n\n        \/\/ Initialize Swiper\n        instance.swiper = new Swiper(slider, {\n          slidesPerView: 1,\n          spaceBetween: 0,\n          loop: true,\n          speed: 600,\n          autoplay: {\n            delay: 5000,\n            disableOnInteraction: false,\n          },\n          navigation: {\n            nextEl: sectionElement.querySelector(\".swiper-button-next\"),\n            prevEl: sectionElement.querySelector(\".swiper-button-prev\"),\n          },\n          pagination: {\n            el: sectionElement.querySelector(\".swiper-pagination\"),\n            clickable: true,\n          },\n          on: {\n            slideChange: function () {\n              updateSection3ContentList(sectionElement, this.realIndex);\n              restartProgressBar(sectionElement);\n            },\n            autoplayStart: function () {\n              instance.isPlaying = true;\n              updatePlayPauseButton(sectionElement, true);\n            },\n            autoplayStop: function () {\n              instance.isPlaying = false;\n              updatePlayPauseButton(sectionElement, false);\n            },\n          },\n        });\n\n        \/\/ Store instance\n        section3Instances.set(sectionId, instance);\n\n        \/\/ Initialize play\/pause button\n        initSection3PlayPause(sectionElement, instance);\n\n        \/\/ Desktop: Add click handlers to content list items\n        if (window.innerWidth \u003e= 1280 \u0026\u0026 contentList) {\n          const contentItems = contentList.querySelectorAll(\n            \".section-3-content-item\"\n          );\n          contentItems.forEach((item) =\u003e {\n            \/\/ Remove old event listeners\n            const newItem = item.cloneNode(true);\n            item.parentNode.replaceChild(newItem, item);\n          });\n\n          \/\/ Add new event listeners\n          const freshContentItems = contentList.querySelectorAll(\n            \".section-3-content-item\"\n          );\n          freshContentItems.forEach((item) =\u003e {\n            item.addEventListener(\"click\", function () {\n              const index = parseInt(this.getAttribute(\"data-index\"));\n              if (instance.swiper \u0026\u0026 !isNaN(index)) {\n                instance.swiper.slideToLoop(index);\n              }\n            });\n          });\n        }\n\n        \/\/ Start progress bar animation\n        restartProgressBar(sectionElement);\n      }\n\n      \/**\n       * Initialize all Section 3 instances on the page\n       *\/\n      function initAllSection3() {\n        const sections = document.querySelectorAll(\".section-3\");\n        sections.forEach((section) =\u003e {\n          initSection3Instance(section);\n        });\n      }\n\n      \/**\n       * Initialize play\/pause button\n       *\/\n      function initSection3PlayPause(sectionElement, instance) {\n        const playPauseBtn = instance.playPauseBtn;\n        if (!playPauseBtn) return;\n\n        \/\/ Remove old event listener\n        const newBtn = playPauseBtn.cloneNode(true);\n        playPauseBtn.parentNode.replaceChild(newBtn, playPauseBtn);\n        instance.playPauseBtn = newBtn;\n\n        \/\/ Add new event listener\n        instance.playPauseBtn.addEventListener(\"click\", function () {\n          if (instance.swiper \u0026\u0026 instance.swiper.autoplay) {\n            if (instance.isPlaying) {\n              instance.swiper.autoplay.stop();\n              pauseProgressBar(sectionElement);\n            } else {\n              instance.swiper.autoplay.start();\n              resumeProgressBar(sectionElement);\n            }\n          }\n        });\n      }\n\n      \/**\n       * Update play\/pause button state\n       *\/\n      function updatePlayPauseButton(sectionElement, isPlaying) {\n        const playPauseBtn = sectionElement.querySelector(\n          \".section-3-play-pause-btn\"\n        );\n        if (!playPauseBtn) return;\n\n        if (isPlaying) {\n          playPauseBtn.classList.remove(\"paused\");\n        } else {\n          playPauseBtn.classList.add(\"paused\");\n        }\n      }\n\n      \/**\n       * Restart progress bar animation\n       *\/\n      function restartProgressBar(sectionElement) {\n        \/\/ Mobile: Restart bullet progress\n        const activeBullet = sectionElement.querySelector(\n          \".swiper-pagination-bullet-active\"\n        );\n        if (activeBullet) {\n          \/\/ Remove the class temporarily\n          activeBullet.classList.remove(\"swiper-pagination-bullet-active\");\n          \/\/ Force reflow to restart animation\n          void activeBullet.offsetWidth;\n          \/\/ Add the class back\n          activeBullet.classList.add(\"swiper-pagination-bullet-active\");\n        }\n\n        \/\/ Desktop: Restart content list progress\n        const contentList = sectionElement.querySelector(\n          \".section-3-content-list\"\n        );\n        if (contentList) {\n          const activeContentItem = contentList.querySelector(\n            \".section-3-content-item.active\"\n          );\n          if (activeContentItem) {\n            \/\/ Remove active class temporarily\n            activeContentItem.classList.remove(\"active\");\n            \/\/ Force reflow to restart animation\n            void activeContentItem.offsetWidth;\n            \/\/ Add active class back\n            activeContentItem.classList.add(\"active\");\n          }\n        }\n      }\n\n      \/**\n       * Pause progress bar animation\n       *\/\n      function pauseProgressBar(sectionElement) {\n        \/\/ Mobile: Pause bullet progress\n        const activeBullet = sectionElement.querySelector(\n          \".swiper-pagination-bullet-active\"\n        );\n        if (activeBullet) {\n          const beforeStyles = window.getComputedStyle(\n            activeBullet,\n            \"::before\"\n          );\n          const currentTransform = beforeStyles.getPropertyValue(\"transform\");\n\n          \/\/ Store the current transform and pause by adding a class\n          activeBullet.setAttribute(\"data-paused-transform\", currentTransform);\n          activeBullet.classList.add(\"paused\");\n        }\n\n        \/\/ Desktop: Pause content list progress\n        const contentList = sectionElement.querySelector(\n          \".section-3-content-list\"\n        );\n        if (contentList) {\n          const activeContentItem = contentList.querySelector(\n            \".section-3-content-item.active\"\n          );\n          if (activeContentItem) {\n            activeContentItem.classList.add(\"paused\");\n          }\n        }\n      }\n\n      \/**\n       * Resume progress bar animation\n       *\/\n      function resumeProgressBar(sectionElement) {\n        \/\/ Mobile: Resume bullet progress\n        const activeBullet = sectionElement.querySelector(\n          \".swiper-pagination-bullet-active\"\n        );\n        if (activeBullet) {\n          activeBullet.classList.remove(\"paused\");\n        }\n\n        \/\/ Desktop: Resume content list progress\n        const contentList = sectionElement.querySelector(\n          \".section-3-content-list\"\n        );\n        if (contentList) {\n          const activeContentItem = contentList.querySelector(\n            \".section-3-content-item.active\"\n          );\n          if (activeContentItem) {\n            activeContentItem.classList.remove(\"paused\");\n          }\n        }\n\n        restartProgressBar(sectionElement);\n      }\n\n      \/**\n       * Update Section 3 content list active state\n       * @param {HTMLElement} sectionElement - The section element\n       * @param {number} activeIndex - The active slide index\n       *\/\n      function updateSection3ContentList(sectionElement, activeIndex) {\n        const contentList = sectionElement.querySelector(\n          \".section-3-content-list\"\n        );\n        if (!contentList) return;\n\n        const contentItems = contentList.querySelectorAll(\n          \".section-3-content-item\"\n        );\n        contentItems.forEach((item, index) =\u003e {\n          if (index === activeIndex) {\n            \/\/ Remove and re-add active class to restart animation\n            item.classList.remove(\"active\");\n            \/\/ Force reflow to restart animation\n            void item.offsetWidth;\n            item.classList.add(\"active\");\n          } else {\n            item.classList.remove(\"active\");\n          }\n        });\n      }\n\n      \/\/ Initialize all Section 3 instances when DOM is ready\n      document.addEventListener(\"DOMContentLoaded\", function () {\n        initAllSection3();\n      });\n\n      \/\/ Re-initialize on window resize\n      let section3ResizeTimeout;\n      window.addEventListener(\"resize\", function () {\n        clearTimeout(section3ResizeTimeout);\n        section3ResizeTimeout = setTimeout(function () {\n          section3Instances.forEach((instance, sectionId) =\u003e {\n            if (instance.swiper) {\n              instance.swiper.update();\n              restartProgressBar(instance.section);\n            }\n          });\n        }, 250);\n      });\n    \u003c\/script\u003e\u003c\/p\u003e\n\n\u003csection class=\"faq\"\u003e\n\n  \u003cdiv class=\"faq-item\"\u003e\n    \u003ch5 class=\"faq-question\"\u003e1. Do I need to get consent before recording with Plaud devices or apps\/Web?\u003c\/h5\u003e\n    \u003cdiv class=\"faq-answer\"\u003e\n      \u003cp\u003eGenerally, yes.\u003c\/p\u003e\n      \u003cp\u003eBefore you use any Plaud device, software, program or app for recording, it is your responsibility to inform all participants and obtain any legally required consents. Recording and privacy requirements vary by country, state, and specific scenario.\u003c\/p\u003e\n      \u003cp\u003eHowever, there can be exceptions. Laws in some jurisdictions do not require the consent of all parties to a recording. Moreover, even in jurisdictions where all-party consent is generally required, certain exceptions may apply. For example, in California, consent may not be required if the conversation takes place in a public area where participants could reasonably expect to be overheard or recorded by others.\u003c\/p\u003e\n      \u003cp\u003ePlease consult with your legal counsel for advice.\u003c\/p\u003e\n      \u003cp\u003e\u003cstrong\u003eYou should:\u003c\/strong\u003e\u003c\/p\u003e\n      \u003cul\u003e\n        \u003cli\u003eConfirm the locations of all participants and review applicable recording and privacy regulations.\u003c\/li\u003e\n        \u003cli\u003eClearly notify everyone that the conversation or meeting will be recorded, if laws require.\u003c\/li\u003e\n        \u003cli\u003eIf any participant is in a jurisdiction requiring all-party consent, ensure you obtain consent from all participants before recording.\u003c\/li\u003e\n        \u003cli\u003eDocument consent appropriately when required, for example, a written acknowledgment at the beginning of the meeting.\u003c\/li\u003e\n      \u003c\/ul\u003e\n      \u003cp\u003e\u003cem\u003eDisclaimer: This information is provided for general reference only and does not constitute legal advice. Please consult a competent attorney for guidance tailored to your specific situation.\u003c\/em\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"faq-item\"\u003e\n    \u003ch5 class=\"faq-question\"\u003e2. Does Plaud obtain recording consent on my behalf?\u003c\/h5\u003e\n    \u003cdiv class=\"faq-answer\"\u003e\n      \u003cp\u003eNo.\u003c\/p\u003e\n      \u003cp\u003ePlaud provides the tools for recording, but it does not determine the legality of your recordings or collect consent from participants on your behalf. It is entirely your responsibility to comply with applicable laws and obtain any necessary permissions.\u003c\/p\u003e\n      \u003cp\u003e\u003cstrong\u003eYou should:\u003c\/strong\u003e\u003c\/p\u003e\n      \u003cul\u003e\n        \u003cli\u003eReview the recording and consent laws in your location and the locations of all participants.\u003c\/li\u003e\n        \u003cli\u003eClearly inform participants that a recording will be made.\u003c\/li\u003e\n        \u003cli\u003eObtain consent before recording and document it where necessary.\u003c\/li\u003e\n        \u003cli\u003eSeek legal advice if you are unsure of your obligations.\u003c\/li\u003e\n      \u003c\/ul\u003e\n      \u003cp\u003e\u003cem\u003eDisclaimer: This information is provided for general reference only and does not constitute legal advice. Please consult a competent attorney for guidance tailored to your specific situation.\u003c\/em\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"faq-item\"\u003e\n    \u003ch5 class=\"faq-question\"\u003e3. How do I properly notify others before recording?\u003c\/h5\u003e\n    \u003cdiv class=\"faq-answer\"\u003e\n      \u003cp\u003eClearly state to participants that you plan to record, specify the purpose where relevant, and ensure they explicitly agree before proceeding.\u003c\/p\u003e\n      \u003cp\u003eFor example, you should inform them that:\u003c\/p\u003e\n      \u003cul\u003e\n        \u003cli\u003eA recording will be made using a Plaud device or app.\u003c\/li\u003e\n        \u003cli\u003eThe recording may be used for note-taking, documentation, or another stated purpose.\u003c\/li\u003e\n        \u003cli\u003eThey have the option to decline or opt out of being recorded.\u003c\/li\u003e\n      \u003c\/ul\u003e\n      \u003cp\u003eIf you receive affirmative consent, acknowledge it verbally at the start of the conversation or in writing when required. In regulated environments, keep a record of when and how consent was given. If you receive objections, you should not record the voice of the person who objects to your recording.\u003c\/p\u003e\n      \u003cp\u003e\u003cem\u003eDisclaimer: This information is provided for general reference only and does not constitute legal advice. Please consult a competent attorney for guidance tailored to your specific situation.\u003c\/em\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"faq-item\"\u003e\n    \u003ch5 class=\"faq-question\"\u003e4. What should I do if I'm unsure about local recording laws?\u003c\/h5\u003e\n    \u003cdiv class=\"faq-answer\"\u003e\n      \u003cp\u003eWhen in doubt, err on the side of caution.\u003c\/p\u003e\n      \u003cp\u003e\u003cstrong\u003eYou should:\u003c\/strong\u003e\u003c\/p\u003e\n      \u003cul\u003e\n        \u003cli\u003eObtain consent from all participants before recording.\u003c\/li\u003e\n        \u003cli\u003eHold off on recording until you can confirm the laws in each participant's location.\u003c\/li\u003e\n        \u003cli\u003eSeek guidance from your legal counsel or compliance team.\u003c\/li\u003e\n        \u003cli\u003eKeep a record of your decision-making process and any consents you obtain.\u003c\/li\u003e\n      \u003c\/ul\u003e\n      \u003cp\u003e\u003cem\u003eDisclaimer: This information is provided for general reference only and does not constitute legal advice. Please consult a competent attorney for guidance tailored to your specific situation.\u003c\/em\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"faq-item\"\u003e\n    \u003ch5 class=\"faq-question\"\u003e5. Why is it important to ask for consent before recording?\u003c\/h5\u003e\n    \u003cdiv class=\"faq-answer\"\u003e\n      \u003cp\u003eAsking for consent protects privacy, builds trust, and helps you meet legal requirements.\u003c\/p\u003e\n      \u003cp\u003e\u003cstrong\u003eIt's important because:\u003c\/strong\u003e\u003c\/p\u003e\n      \u003cul\u003e\n        \u003cli\u003e\n\u003cstrong\u003eLegal:\u003c\/strong\u003e Many jurisdictions require you to inform and gain permission from participants before recording.\u003c\/li\u003e\n        \u003cli\u003e\n\u003cstrong\u003eEthical:\u003c\/strong\u003e People have a right to know they are being recorded and to understand the purpose.\u003c\/li\u003e\n        \u003cli\u003e\n\u003cstrong\u003eOperational:\u003c\/strong\u003e A clear consent process reduces misunderstandings and supports proper record-keeping and compliance procedures.\u003c\/li\u003e\n      \u003c\/ul\u003e\n      \u003cp\u003eA simple and practical approach is to start each meeting with a brief request for consent and to make a note of the response.\u003c\/p\u003e\n      \u003cp\u003e\u003cem\u003eDisclaimer: This information is provided for general reference only and does not constitute legal advice. Please consult a competent attorney for guidance tailored to your specific situation.\u003c\/em\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"faq-item\"\u003e\n    \u003ch5 class=\"faq-question\"\u003e6. What happens if I record without obtaining consent?\u003c\/h5\u003e\n    \u003cdiv class=\"faq-answer\"\u003e\n      \u003cp\u003eRecording without obtaining necessary consent can expose you to serious legal risks, compliance violations, and reputational damage.\u003c\/p\u003e\n      \u003cp\u003e\u003cstrong\u003ePotential consequences include:\u003c\/strong\u003e\u003c\/p\u003e\n      \u003cul\u003e\n        \u003cli\u003eLegal penalties or civil liability depending on the laws in each participant's location.\u003c\/li\u003e\n        \u003cli\u003eThe recording being inadmissible in legal proceedings or compliance matters.\u003c\/li\u003e\n        \u003cli\u003eReputational damage and violation of internal policies or corporate guidelines.\u003c\/li\u003e\n      \u003c\/ul\u003e\n      \u003cp\u003e\u003cstrong\u003eIf this situation has already occurred:\u003c\/strong\u003e\u003c\/p\u003e\n      \u003cul\u003e\n        \u003cli\u003eImmediately cease recording and evaluate whether consent can be obtained retroactively.\u003c\/li\u003e\n        \u003cli\u003eConsult your legal or compliance team before sharing, storing, or using the recording.\u003c\/li\u003e\n        \u003cli\u003eIf advised, securely delete the recording and document the corrective steps taken.\u003c\/li\u003e\n      \u003c\/ul\u003e\n      \u003cp\u003e\u003cem\u003eDisclaimer: This information is provided for general reference only and does not constitute legal advice. Please consult a competent attorney for guidance tailored to your specific situation.\u003c\/em\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\u003c\/section\u003e","brand":"Plaud","offers":[{"title":"Default Title","offer_id":43065981010129,"sku":"SNL011713003","price":13999.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9235\/2977\/files\/PlaudNotePinSBlack3.png?v=1773040697","url":"https:\/\/www.sanaliletisim.com\/en\/products\/plaud-notepin-s-artificial-intelligence-powered-voice-recorder","provider":"Sanal İletişim","version":"1.0","type":"link"}