{"id":530,"date":"2026-08-28T08:55:19","date_gmt":"2026-08-28T08:55:19","guid":{"rendered":"https:\/\/firstpoint.hr\/?page_id=530"},"modified":"2026-08-28T13:51:52","modified_gmt":"2026-08-28T13:51:52","slug":"nasa-prica-2","status":"publish","type":"page","link":"https:\/\/firstpoint.hr\/","title":{"rendered":"NA\u0160A PRI\u010cA."},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"530\" class=\"elementor elementor-530\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2620961 e-con e-atomic-element e-flexbox-base e-26408a3 \" data-id=\"2620961\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2620961\" data-e-type=\"e-flexbox\" data-id=\"2620961\">\n    \t\t<div class=\"elementor-element elementor-element-eb9c683 elementor-widget elementor-widget-html\" data-id=\"eb9c683\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     FIRSTPOINT \u2014 Brutal Home (bez headera i footera)\r\n     Zalijepi cijeli ovaj kod u Elementor \"HTML\" (Code) widget.\r\n     Sve klase su prefiksirane s \"fp-\" da se ne sudaraju s temom.\r\n     Sav tekst je placeholder \u2014 samo prepi\u0161i. Logotipe partnera\r\n     zamijeni tako da <div class=\"fp-logo\">TEKST<\/div> postane\r\n     <img decoding=\"async\" src=\"URL_LOGOTIPA\" alt=\"Naziv partnera\">\r\n     ============================================================ -->\r\n\r\n<style>\r\n  .fp-wrap{\r\n    --fp-gold: #BE9B51;\r\n    --fp-gold-dark: #8B6E39;\r\n    --fp-black: #0E0D0C;\r\n    --fp-white: #FFFFFF;\r\n    --fp-paper: #F4EFE3;\r\n\r\n    font-family: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, sans-serif;\r\n    color: var(--fp-black);\r\n    background: var(--fp-paper);\r\n    overflow-x: hidden;\r\n  }\r\n  .fp-wrap *{ box-sizing: border-box; }\r\n  .fp-wrap ul{ margin: 0; padding: 0; list-style: none; }\r\n  .fp-wrap section{ position: relative; }\r\n\r\n  .fp-display{\r\n    font-family: 'Archivo Black', 'IBM Plex Sans', sans-serif;\r\n    text-transform: uppercase;\r\n    letter-spacing: -0.01em;\r\n    margin: 0;\r\n    line-height: 0.98;\r\n  }\r\n  .fp-mono{\r\n    font-family: 'Space Mono', monospace;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .fp-eyebrow{\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 12.5px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.05em;\r\n    margin-bottom: 18px;\r\n  }\r\n  .fp-eyebrow::before{ content: \"\/\/\"; }\r\n\r\n  \/* -------- hard-shadow brutal button -------- *\/\r\n  .fp-btn{\r\n    appearance: none;\r\n    border: 3px solid var(--fp-black);\r\n    cursor: pointer;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    background: var(--fp-gold);\r\n    color: var(--fp-black);\r\n    font-family: 'Space Mono', monospace;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    font-size: clamp(13px, 3.4vw, 15px);\r\n    letter-spacing: 0.02em;\r\n    padding: clamp(15px, 4vw, 19px) clamp(20px, 5vw, 30px);\r\n    text-decoration: none;\r\n    text-align: center;\r\n    box-shadow: 6px 6px 0 var(--fp-black);\r\n    transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;\r\n  }\r\n  .fp-btn:hover{ transform: translate(4px, 4px); box-shadow: 2px 2px 0 var(--fp-black); background: var(--fp-gold-dark); }\r\n  .fp-btn svg{ width: 16px; height: 16px; flex-shrink: 0; }\r\n\r\n  .fp-btn--onDark{ box-shadow: 6px 6px 0 var(--fp-white); }\r\n  .fp-btn--onDark:hover{ box-shadow: 2px 2px 0 var(--fp-white); }\r\n\r\n  .fp-btn--dark{ background: var(--fp-black); color: var(--fp-gold); border-color: var(--fp-black); }\r\n  .fp-btn--dark:hover{ background: #221d17; }\r\n\r\n  \/* ===================== HERO ===================== *\/\r\n  .fp-hero{\r\n    background: var(--fp-black);\r\n    color: var(--fp-white);\r\n    padding: clamp(90px, 20vw, 150px) clamp(20px, 6vw, 64px) clamp(60px, 12vw, 90px);\r\n    border-bottom: 6px solid var(--fp-gold);\r\n    overflow: hidden;\r\n    display: grid;\r\n    grid-template-columns: 1.08fr 0.92fr;\r\n    align-items: center;\r\n    gap: clamp(28px, 5vw, 40px);\r\n  }\r\n  .fp-hero::before{\r\n    content: \"\";\r\n    position: absolute; inset: 0;\r\n    background-image: repeating-linear-gradient(-45deg, rgba(190,155,81,0.06) 0 2px, transparent 2px 26px);\r\n    z-index: 0;\r\n  }\r\n  .fp-hero-inner{ position: relative; z-index: 2; max-width: 560px; }\r\n  .fp-hero .fp-eyebrow{ color: var(--fp-gold); }\r\n\r\n  .fp-hero-title{\r\n    font-size: clamp(32px, 10.5vw, 120px);\r\n    color: var(--fp-gold);\r\n  }\r\n\r\n  .fp-hero-tag{\r\n    display: inline-block;\r\n    background: var(--fp-gold);\r\n    color: var(--fp-black);\r\n    font-family: 'Archivo Black', sans-serif;\r\n    text-transform: uppercase;\r\n    font-size: clamp(15px, 3.4vw, 21px);\r\n    padding: 7px 16px;\r\n    margin-top: 18px;\r\n    transform: rotate(-1.4deg);\r\n  }\r\n\r\n  .fp-hero-text{\r\n    color: rgba(255,255,255,0.7);\r\n    font-size: clamp(15px, 3.6vw, 17px);\r\n    line-height: 1.7;\r\n    max-width: 520px;\r\n    margin: clamp(24px, 5vw, 32px) 0 clamp(30px, 6vw, 40px);\r\n  }\r\n\r\n  \/* -------- right-side brutal visual: \u0422\u041e\u0427KA - dots converge to center -------- *\/\r\n  .fp-visual{\r\n    position: relative;\r\n    z-index: 2;\r\n    height: 460px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .fp-point-container{\r\n    position: relative;\r\n    width: clamp(200px, 26vw, 360px);\r\n    height: clamp(200px, 26vw, 360px);\r\n  }\r\n\r\n  \/* pulsing rings oko central to\u010dke *\/\r\n  .fp-ring{\r\n    position: absolute;\r\n    top: 50%; left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    border: 2px solid var(--fp-gold);\r\n    border-radius: 50%;\r\n    animation: fp-ring-expand 2.8s ease-out infinite;\r\n  }\r\n  .fp-ring-1{ width: 60%; height: 60%; animation-delay: 0s; }\r\n  .fp-ring-2{ width: 60%; height: 60%; animation-delay: 0.9s; }\r\n  .fp-ring-3{ width: 60%; height: 60%; animation-delay: 1.8s; }\r\n\r\n  @keyframes fp-ring-expand{\r\n    0%{ width: 60%; height: 60%; opacity: 1; }\r\n    100%{ width: 140%; height: 140%; opacity: 0; }\r\n  }\r\n\r\n  \/* central bright dot - THE POINT *\/\r\n  .fp-center-dot{\r\n    position: absolute;\r\n    top: 50%; left: 50%;\r\n    width: clamp(24px, 3vw, 40px);\r\n    height: clamp(24px, 3vw, 40px);\r\n    background: var(--fp-gold);\r\n    border-radius: 50%;\r\n    transform: translate(-50%, -50%);\r\n    box-shadow: 0 0 clamp(20px, 3vw, 40px) var(--fp-gold), inset -2px -2px 4px rgba(0,0,0,0.3);\r\n    animation: fp-pulse-dot 1.6s ease-in-out infinite;\r\n  }\r\n  @keyframes fp-pulse-dot{\r\n    0%, 100%{ transform: translate(-50%, -50%) scale(1); }\r\n    50%{ transform: translate(-50%, -50%) scale(1.3); }\r\n  }\r\n\r\n  \/* orbiting dots converging towards center *\/\r\n  .fp-orbit-dot{\r\n    position: absolute;\r\n    width: clamp(8px, 1vw, 14px);\r\n    height: clamp(8px, 1vw, 14px);\r\n    background: var(--fp-black);\r\n    border: 2px solid var(--fp-gold);\r\n    border-radius: 50%;\r\n    top: 50%; left: 50%;\r\n  }\r\n\r\n  .fp-od-1{ animation: fp-orbit-1 3.2s ease-in-out infinite; }\r\n  .fp-od-2{ animation: fp-orbit-2 3.2s ease-in-out infinite; }\r\n  .fp-od-3{ animation: fp-orbit-3 3.2s ease-in-out infinite; }\r\n  .fp-od-4{ animation: fp-orbit-4 3.2s ease-in-out infinite; }\r\n  .fp-od-5{ animation: fp-orbit-5 3.2s ease-in-out infinite; }\r\n  .fp-od-6{ animation: fp-orbit-6 3.2s ease-in-out infinite; }\r\n\r\n  @keyframes fp-orbit-1{\r\n    0%{ transform: translate(calc(-50% + 140px), calc(-50% + 0px)); opacity: 0.4; }\r\n    50%{ opacity: 1; }\r\n    100%{ transform: translate(-50%, -50%); opacity: 0; }\r\n  }\r\n  @keyframes fp-orbit-2{\r\n    0%{ transform: translate(calc(-50% + 99px), calc(-50% + 99px)); opacity: 0.4; }\r\n    50%{ opacity: 1; }\r\n    100%{ transform: translate(-50%, -50%); opacity: 0; }\r\n  }\r\n  @keyframes fp-orbit-3{\r\n    0%{ transform: translate(calc(-50% + 0px), calc(-50% + 140px)); opacity: 0.4; }\r\n    50%{ opacity: 1; }\r\n    100%{ transform: translate(-50%, -50%); opacity: 0; }\r\n  }\r\n  @keyframes fp-orbit-4{\r\n    0%{ transform: translate(calc(-50% - 99px), calc(-50% + 99px)); opacity: 0.4; }\r\n    50%{ opacity: 1; }\r\n    100%{ transform: translate(-50%, -50%); opacity: 0; }\r\n  }\r\n  @keyframes fp-orbit-5{\r\n    0%{ transform: translate(calc(-50% - 140px), calc(-50% + 0px)); opacity: 0.4; }\r\n    50%{ opacity: 1; }\r\n    100%{ transform: translate(-50%, -50%); opacity: 0; }\r\n  }\r\n  @keyframes fp-orbit-6{\r\n    0%{ transform: translate(calc(-50% - 99px), calc(-50% - 99px)); opacity: 0.4; }\r\n    50%{ opacity: 1; }\r\n    100%{ transform: translate(-50%, -50%); opacity: 0; }\r\n  }\r\n\r\n  \/* ===================== TICKER ===================== *\/\r\n  .fp-ticker{\r\n    background: var(--fp-gold);\r\n    border-bottom: 4px solid var(--fp-black);\r\n    padding: clamp(12px, 2.6vw, 16px) 0;\r\n    overflow: hidden;\r\n  }\r\n  .fp-ticker-track{\r\n    display: flex;\r\n    width: max-content;\r\n    gap: clamp(28px, 5vw, 44px);\r\n    animation: fp-scroll 24s linear infinite;\r\n  }\r\n  .fp-ticker:hover .fp-ticker-track{ animation-play-state: paused; }\r\n  .fp-ticker-track span{\r\n    font-family: 'Archivo Black', sans-serif;\r\n    text-transform: uppercase;\r\n    font-size: clamp(14px, 3vw, 21px);\r\n    color: var(--fp-black);\r\n    white-space: nowrap;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: clamp(28px, 5vw, 44px);\r\n    line-height: 1;\r\n    letter-spacing: 0.02em;\r\n  }\r\n  @keyframes fp-scroll{ from{ transform: translateX(0); } to{ transform: translateX(-50%); } }\r\n\r\n  \/* ===================== STATS ===================== *\/\r\n  .fp-stats{\r\n    background: var(--fp-paper);\r\n    padding: clamp(64px, 12vw, 110px) clamp(20px, 6vw, 64px);\r\n  }\r\n  .fp-stats-grid{\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    border: 3px solid var(--fp-black);\r\n    max-width: 1000px;\r\n    margin: 0 auto;\r\n  }\r\n  .fp-stat{\r\n    padding: clamp(28px, 5vw, 44px) clamp(16px, 3vw, 24px);\r\n    text-align: center;\r\n    border-right: 3px solid var(--fp-black);\r\n  }\r\n  .fp-stat:last-child{ border-right: none; }\r\n  .fp-stat-num{\r\n    font-family: 'Archivo Black', sans-serif;\r\n    font-size: clamp(38px, 6.5vw, 68px);\r\n    color: var(--fp-black);\r\n  }\r\n  .fp-stat-lbl{\r\n    font-family: 'Space Mono', monospace;\r\n    text-transform: uppercase;\r\n    font-size: 11.5px;\r\n    letter-spacing: 0.04em;\r\n    color: var(--fp-gold-dark);\r\n    margin-top: 10px;\r\n    line-height: 1.4;\r\n  }\r\n\r\n  \/* ===================== SERVICES ===================== *\/\r\n  .fp-services{\r\n    background: var(--fp-black);\r\n    color: var(--fp-white);\r\n    padding: clamp(64px, 12vw, 110px) clamp(20px, 6vw, 64px);\r\n  }\r\n  .fp-services .fp-eyebrow{ color: var(--fp-gold); }\r\n  .fp-services-head h2{\r\n    font-size: clamp(28px, 5.4vw, 50px);\r\n    color: var(--fp-white);\r\n    max-width: 640px;\r\n    margin-bottom: clamp(40px, 8vw, 60px);\r\n  }\r\n  .fp-services-head h2 span{ color: var(--fp-gold); }\r\n\r\n  .fp-service-grid{\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 20px;\r\n  }\r\n  .fp-service-card{\r\n    border: 2px solid rgba(190,155,81,0.4);\r\n    padding: clamp(26px, 4vw, 34px);\r\n    transition: border-color 0.25s ease, transform 0.25s ease;\r\n  }\r\n  .fp-service-card:hover{ border-color: var(--fp-gold); transform: translateY(-4px); }\r\n  .fp-service-icon{\r\n    width: 48px; height: 48px;\r\n    background: var(--fp-gold);\r\n    display: flex; align-items: center; justify-content: center;\r\n    margin-bottom: 22px;\r\n  }\r\n  .fp-service-icon svg{ width: 22px; height: 22px; }\r\n  .fp-service-card h3{\r\n    font-family: 'Space Mono', monospace;\r\n    text-transform: uppercase;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    margin-bottom: 16px;\r\n    color: var(--fp-white);\r\n  }\r\n  .fp-service-card ul li{\r\n    display: flex; gap: 10px;\r\n    font-size: 14px;\r\n    line-height: 1.55;\r\n    color: rgba(255,255,255,0.62);\r\n    padding: 5px 0;\r\n  }\r\n  .fp-service-card ul li::before{\r\n    content: \"\";\r\n    flex-shrink: 0;\r\n    width: 6px; height: 6px;\r\n    margin-top: 7px;\r\n    background: var(--fp-gold);\r\n  }\r\n\r\n  \/* ===================== PROCES ===================== *\/\r\n  .fp-process{\r\n    background: var(--fp-paper);\r\n    padding: clamp(64px, 12vw, 110px) clamp(20px, 6vw, 64px);\r\n  }\r\n  .fp-process .fp-eyebrow{ color: var(--fp-gold-dark); }\r\n  .fp-process-head h2{\r\n    font-size: clamp(28px, 5.4vw, 50px);\r\n    max-width: 620px;\r\n    margin-bottom: clamp(44px, 9vw, 70px);\r\n  }\r\n  .fp-process-head h2 span{ color: var(--fp-gold-dark); }\r\n\r\n  .fp-process-grid{\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 0;\r\n  }\r\n  .fp-step{\r\n    padding: 0 20px 0 0;\r\n    border-top: 3px solid var(--fp-black);\r\n    padding-top: 20px;\r\n  }\r\n  .fp-step + .fp-step{ margin-left: 0; }\r\n  .fp-step-num{\r\n    font-family: 'Space Mono', monospace;\r\n    font-weight: 700;\r\n    font-size: 13px;\r\n    color: var(--fp-gold-dark);\r\n    margin-bottom: 14px;\r\n  }\r\n  .fp-step h3{\r\n    font-family: 'Archivo Black', sans-serif;\r\n    text-transform: uppercase;\r\n    font-size: 18px;\r\n    margin-bottom: 10px;\r\n  }\r\n  .fp-step p{\r\n    font-size: 14px;\r\n    line-height: 1.6;\r\n    opacity: 0.68;\r\n    max-width: 220px;\r\n  }\r\n\r\n  \/* ===================== PARTNERI ===================== *\/\r\n  .fp-refs{\r\n    background: var(--fp-white);\r\n    padding: clamp(64px, 13vw, 100px) clamp(20px, 6vw, 64px) clamp(52px, 11vw, 90px);\r\n    text-align: center;\r\n    border-top: 3px solid var(--fp-black);\r\n  }\r\n  .fp-refs .fp-eyebrow{ justify-content: center; color: var(--fp-gold-dark); }\r\n  .fp-refs h2{\r\n    font-size: clamp(24px, 6vw, 40px);\r\n    margin-bottom: clamp(36px, 8vw, 56px);\r\n  }\r\n  .fp-refs h2 span{ color: var(--fp-gold-dark); }\r\n\r\n  .fp-marquee{\r\n    position: relative; width: 100%; overflow: hidden;\r\n    -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);\r\n            mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);\r\n  }\r\n    .fp-carousel {\r\n    background: var(--fp-paper);\r\n    border: 2px solid var(--fp-black);\r\n    padding: clamp(28px, 4vw, 40px);\r\n    overflow: hidden;\r\n    position: relative;\r\n    margin-top: clamp(40px, 6vw, 60px);\r\n  }\r\n\r\n  .fp-carousel-container {\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 900px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .fp-carousel-track {\r\n    display: flex;\r\n    transition: transform 0.4s ease;\r\n    width: 100%;\r\n  }\r\n\r\n  .fp-carousel-slide {\r\n    flex: 0 0 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-height: 400px;\r\n    padding: 0 20px;\r\n  }\r\n\r\n  .fp-carousel-slide img {\r\n    max-width: 100%;\r\n    max-height: 400px;\r\n    object-fit: cover;\r\n    border: none;\r\n  }\r\n\r\n  .fp-carousel-button {\r\n    position: absolute;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    background: var(--fp-gold);\r\n    color: var(--fp-black);\r\n    border: 2px solid var(--fp-black);\r\n    padding: 12px 18px;\r\n    font-size: 24px;\r\n    cursor: pointer;\r\n    z-index: 10;\r\n    transition: all 0.3s ease;\r\n    font-weight: bold;\r\n  }\r\n\r\n  .fp-carousel-button:hover {\r\n    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);\r\n    transform: translateY(-50%) scale(1.1);\r\n  }\r\n\r\n  .fp-carousel-prev { left: 10px; }\r\n  .fp-carousel-next { right: 10px; }\r\n\r\n  .fp-carousel-dots {\r\n    text-align: center;\r\n    padding-top: 20px;\r\n  }\r\n\r\n  .fp-dot {\r\n    display: inline-block;\r\n    width: 12px;\r\n    height: 12px;\r\n    border-radius: 50%;\r\n    background: rgba(14, 13, 12, 0.3);\r\n    border: 2px solid var(--fp-black);\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    margin: 0 6px;\r\n  }\r\n\r\n  .fp-dot.active {\r\n    background: var(--fp-gold);\r\n    transform: scale(1.3);\r\n  }\r\n\r\n  \/* ===================== CTA ===================== *\/\r\n  .fp-cta{\r\n    background: var(--fp-gold);\r\n    color: var(--fp-black);\r\n    padding: clamp(70px, 14vw, 120px) clamp(20px, 6vw, 64px);\r\n    text-align: center;\r\n    border-top: 6px solid var(--fp-black);\r\n  }\r\n  .fp-cta .fp-eyebrow{ justify-content: center; }\r\n  .fp-cta h2{\r\n    font-size: clamp(30px, 6.4vw, 58px);\r\n    max-width: 760px;\r\n    margin: 0 auto 18px;\r\n  }\r\n  .fp-cta p{\r\n    font-family: 'Space Mono', monospace;\r\n    font-size: clamp(13px, 3vw, 15px);\r\n    text-transform: uppercase;\r\n    opacity: 0.7;\r\n    max-width: 460px;\r\n    margin: 0 auto clamp(30px, 6vw, 42px);\r\n    line-height: 1.6;\r\n  }\r\n\r\n  \/* ===================== RESPONSIVE ===================== *\/\r\n  @media (max-width: 880px){\r\n    .fp-hero{ grid-template-columns: 1fr; text-align: center; }\r\n    .fp-hero-inner{ max-width: 100%; margin: 0 auto; }\r\n    .fp-visual{ height: auto; aspect-ratio: 1\/1; width: min(100%, 340px); margin: 0 auto; order: -1; }\r\n    .fp-service-grid{ grid-template-columns: 1fr; }\r\n    .fp-process-grid{ grid-template-columns: 1fr 1fr; row-gap: 30px; }\r\n    .fp-stats-grid{ grid-template-columns: 1fr; }\r\n    .fp-stat{ border-right: none; border-bottom: 3px solid var(--fp-black); }\r\n    .fp-stat:last-child{ border-bottom: none; }\r\n  }\r\n\r\n  @media (max-width: 600px){\r\n    .fp-visual{ width: min(100%, 260px); }\r\n    .fp-hero-tag{ font-size: 15px; }\r\n    .fp-process-grid{ grid-template-columns: 1fr; }\r\n    .fp-eyebrow{ font-size: 12px; }\r\n    .fp-logo{ width: 130px; height: 66px; font-size: 12px; }\r\n    .fp-logo img{ max-height: 30px; }\r\n    .fp-ticker-track{ animation-duration: 16s; }\r\n    .fp-logo-track{ animation-duration: 18s; }\r\n  }\r\n\r\n  @media (max-width: 380px){\r\n    .fp-visual{ width: min(100%, 210px); }\r\n    .fp-stat-num{ font-size: 34px; }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce){\r\n    .fp-ticker-track, .fp-logo-track, .fp-ring, .fp-center-dot, .fp-orbit-dot{ animation: none !important; }\r\n  }\r\n<\/style>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Archivo+Black&family=Space+Mono:wght@400;700&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<div class=\"fp-wrap\">\r\n\r\n  <!-- ===================== HERO ===================== -->\r\n  <section class=\"fp-hero\">\r\n    <div class=\"fp-hero-inner\">\r\n      <span class=\"fp-eyebrow fp-mono\">Tko smo mi?<\/span>\r\n      <h1 class=\"fp-display fp-hero-title\">Firstpoint<\/h1>\r\n\r\n      <p class=\"fp-hero-text\">\r\n        Mlada marketin\u0161ka agencija iskusne postave, usmjerena na razvoj digitalnih strategija koje donose mjerljive poslovne rezultate. Svaki marketin\u0161ki kanal promatramo kao dio jedinstvenog ekosustava u kojem su svi elementi me\u0111usobno povezani i uskla\u0111eni s poslovnim ciljevima klijenta. Sura\u0111ujemo s poduze\u0107ima koja \u017eele odr\u017eiv rast, u\u010dinkovitije ulaganje u marketing te dono\u0161enje odluka temeljenih na pouzdanim podacima. Umjesto kratkoro\u010dnih kampanja, gradimo procese i sustave koji stvaraju dugoro\u010dnu vrijednost, omogu\u0107uju ve\u0107u predvidljivost poslovanja i kontinuirano unaprje\u0111uju rezultate.\r\n      <\/p>\r\n\r\n      <a href=\"https:\/\/firstpoint.hr\/?page_id=558\" class=\"fp-btn fp-btn--onDark\">\r\n        Pregled na\u0161ih usluga\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <div class=\"fp-visual\">\r\n      <div class=\"fp-point-container\">\r\n        <!-- pulsing rings -->\r\n        <div class=\"fp-ring fp-ring-1\"><\/div>\r\n        <div class=\"fp-ring fp-ring-2\"><\/div>\r\n        <div class=\"fp-ring fp-ring-3\"><\/div>\r\n\r\n        <!-- central bright point -->\r\n        <div class=\"fp-center-dot\"><\/div>\r\n\r\n        <!-- orbiting dots converging to center -->\r\n        <div class=\"fp-orbit-dot fp-od-1\"><\/div>\r\n        <div class=\"fp-orbit-dot fp-od-2\"><\/div>\r\n        <div class=\"fp-orbit-dot fp-od-3\"><\/div>\r\n        <div class=\"fp-orbit-dot fp-od-4\"><\/div>\r\n        <div class=\"fp-orbit-dot fp-od-5\"><\/div>\r\n        <div class=\"fp-orbit-dot fp-od-6\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===================== TICKER ===================== -->\r\n  <div class=\"fp-ticker\">\r\n    <div class=\"fp-ticker-track\">\r\n      <span>Kroz individualan i personaliziran pristup strate\u0161ki i operativno rje\u0161avamo va\u0161e izazove u digitalnom poslovanju<\/span>\r\n      <span>Kroz individualan i personaliziran pristup strate\u0161ki i operativno rje\u0161avamo va\u0161e izazove u digitalnom poslovanju.<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- ===================== STATS ===================== -->\r\n  <section class=\"fp-stats\">\r\n    <div class=\"fp-stats-grid\">\r\n      <div class=\"fp-stat\">\r\n        <div class=\"fp-stat-num\">2026<\/div>\r\n        <div class=\"fp-stat-lbl\">Godina osnutka<\/div>\r\n      <\/div>\r\n      <div class=\"fp-stat\">\r\n        <div class=\"fp-stat-num\">100%<\/div>\r\n        <div class=\"fp-stat-lbl\">Fokus na rezultate<\/div>\r\n      <\/div>\r\n      <div class=\"fp-stat\">\r\n        <div class=\"fp-stat-num\">0<\/div>\r\n        <div class=\"fp-stat-lbl\">Kompromisa u kvaliteti<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===================== \u0160TO RADIMO ===================== -->\r\n  <section class=\"fp-services\" id=\"usluge\">\r\n    <div class=\"fp-services-head\">\r\n      <span class=\"fp-eyebrow fp-mono\">\u0160to radimo?<\/span>\r\n      <h2 class=\"fp-display\">Va\u0161i idu\u0107i problemi <span>na\u0161 su zadatak<\/span><\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"fp-service-grid\">\r\n      <div class=\"fp-service-card\">\r\n        <div class=\"fp-service-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"#0E0D0C\" stroke-width=\"1.8\"\/><circle cx=\"12\" cy=\"12\" r=\"4.5\" stroke=\"#0E0D0C\" stroke-width=\"1.8\"\/><circle cx=\"12\" cy=\"12\" r=\"1.4\" fill=\"#0E0D0C\"\/><\/svg>\r\n        <\/div>\r\n        <h3>Digitalni marketing<\/h3>\r\n        <ul>\r\n          <li>Vo\u0111enje dru\u0161tvenih mre\u017ea<\/li>\r\n          <li>Ogla\u0161avanje na dru\u0161tvenim mre\u017eama i Google-u<\/li>\r\n          <li>SEO optimizacija<\/li>\r\n          <li>Email marketing<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"fp-service-card\">\r\n        <div class=\"fp-service-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M9 18h6M10 21h4M12 3a6 6 0 00-3.5 10.9c.6.45 1 1.15 1 1.9v.2h5v-.2c0-.75.4-1.45 1-1.9A6 6 0 0012 3z\" stroke=\"#0E0D0C\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n        <\/div>\r\n        <h3>Kreativa i strategija<\/h3>\r\n        <ul>\r\n          <li>Razvoj komunikacijske strategije<\/li>\r\n          <li>Analiza tr\u017ei\u0161ta i konkurencije za va\u0161e poslovanje<\/li>\r\n          <li>Kompletan grafi\u010dki dizajn<\/li>\r\n          <li>Copywriting i izrada brand image-a<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"fp-service-card\">\r\n        <div class=\"fp-service-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 6a2 2 0 012-2h8l6 6v8a2 2 0 01-2 2H6a2 2 0 01-2-2V6z\" stroke=\"#0E0D0C\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/><path d=\"M8 13l2.5 2.5L16 10\" stroke=\"#0E0D0C\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n        <\/div>\r\n        <h3>digitalna transformacija<\/h3>\r\n        <ul>\r\n          <li>Izrada web stranica i odr\u017eavanje<\/li>\r\n          <li>Pisanje bloga<\/li>\r\n          <li>Implementacija CRM-a i edukacije za zaposlenike<\/li>\r\n          <li>Izrada web du\u0107ana za va\u0161 brend<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===================== KAKO RADIMO ===================== -->\r\n  <section class=\"fp-process\">\r\n    <div class=\"fp-process-head\">\r\n      <span class=\"fp-eyebrow fp-mono\">Kako radimo?<\/span>\r\n      <h2 class=\"fp-display\">Put od <span>ideje do rezultata<\/span><\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"fp-process-grid\">\r\n      <div class=\"fp-step\">\r\n        <div class=\"fp-step-num fp-mono\">01<\/div>\r\n        <h3>Upoznavanje<\/h3>\r\n        <p>Inicijalni razgovor i konzultacije oko odabira najpogodnije usluge za va\u0161e poslovanje kako bi u\u0161tedili vrijeme i resurse.<\/p>\r\n      <\/div>\r\n      <div class=\"fp-step\">\r\n        <div class=\"fp-step-num fp-mono\">02<\/div>\r\n        <h3>prilagodba<\/h3>\r\n        <p>Odabranu uslugu u porpunosti  kreiramo i personaliziramo prema va\u0161im mjerama uz unaprijed dogovorene detalje.<\/p>\r\n      <\/div>\r\n      <div class=\"fp-step\">\r\n        <div class=\"fp-step-num fp-mono\">03<\/div>\r\n        <h3>Kreacija<\/h3>\r\n        <p>Na\u0161 tim oblikuje va\u0161u uslugu bilo to vizual, logo, Google oglasi, dru\u0161tvene mre\u017ee, web stranica - koja se pamti i prepoznaje.<\/p>\r\n      <\/div>\r\n      <div class=\"fp-step\">\r\n        <div class=\"fp-step-num fp-mono\">04<\/div>\r\n        <h3>isporuka<\/h3>\r\n        <p>Va\u0161u uslugu pokre\u0107emo ili isporu\u010dujemo prema unaprijed dogovorenom roku isporuke s nula kompromisa oko ka\u0161njenja.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===================== PARTNERI ===================== -->\r\n  <section class=\"fp-refs\">\r\n    <span class=\"fp-eyebrow fp-mono\">Reference<\/span>\r\n    <h2 class=\"fp-display\">Upoznajte na\u0161e <span>istaknute klijente<\/span><\/h2>\r\n\r\n   <div class=\"fp-carousel\">\r\n  <div class=\"fp-carousel-container\">\r\n    <div class=\"fp-carousel-track\" id=\"carouselTrack\">\r\n      <div class=\"fp-carousel-slide\">\r\n        <img decoding=\"async\" src=\"https:\/\/firstpoint.hr\/wp-content\/uploads\/2026\/08\/rasvjeta-ribaric-logo.webp\" alt=\"Rasvjeta Ribari\u0107\">\r\n      <\/div>\r\n      <div class=\"https:\/\/firstpoint.hr\/wp-content\/uploads\/2026\/07\/splendor-logo-wite-text.svg\" alt=\"Projekt 2\">\r\n      <\/div>\r\n      <div class=\"fp-carousel-slide\">\r\n        <img decoding=\"async\" src=\"https:\/\/firstpoint.hr\/wp-content\/uploads\/2026\/07\/logo-30g-v3.svg\" alt=\"Projekt 3\">\r\n      <\/div>\r\n      <div class=\"fp-carousel-slide\">\r\n        <img decoding=\"async\" src=\"https:\/\/firstpoint.hr\/wp-content\/uploads\/2026\/07\/ROTOR-logo-bijeli.png\" alt=\"Projekt 4\">\r\n      <\/div>\r\n      <div class=\"fp-carousel-slide\">\r\n        <img decoding=\"async\" src=\"https:\/\/firstpoint.hr\/wp-content\/uploads\/2026\/07\/zprofil-logo-retina.png\" alt=\"Projekt 5\">\r\n      <\/div>\r\n            <div class=\"fp-carousel-slide\">\r\n        <img decoding=\"async\" src=\"https:\/\/firstpoint.hr\/wp-content\/uploads\/2026\/07\/logo.webp\" alt=\"Projekt 6\">\r\n      <\/div>\r\n      <div class=\"fp-carousel-slide\">\r\n        <img decoding=\"async\" src=\"https:\/\/firstpoint.hr\/wp-content\/uploads\/2026\/07\/logo.svg\" alt=\"Projekt 7\">\r\n      <\/div>\r\n      <div class=\"fp-carousel-slide\">\r\n        <img decoding=\"async\" src=\"https:\/\/firstpoint.hr\/wp-content\/uploads\/2026\/07\/jura-logo-smylie.webp\" alt=\"Projekt 8\">\r\n      <\/div>\r\n      <div class=\"fp-carousel-slide\">\r\n        <img decoding=\"async\" src=\"https:\/\/firstpoint.hr\/wp-content\/uploads\/2026\/07\/0889ee_054d64bb31454fbc97b032b289977666mv2.avif\" alt=\"Projekt 9\">\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"fp-carousel-dots\" id=\"carouselDots\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\n  let currentSlide = 0;\r\n  const track = document.getElementById('carouselTrack');\r\n  const slides = document.querySelectorAll('.fp-carousel-slide');\r\n  const totalSlides = slides.length;\r\n\r\n  const dotsContainer = document.getElementById('carouselDots');\r\n  for (let i = 0; i < totalSlides; i++) {\r\n    const dot = document.createElement('span');\r\n    dot.className = 'fp-dot' + (i === 0 ? ' active' : '');\r\n    dot.onclick = () => goToSlide(i);\r\n    dotsContainer.appendChild(dot);\r\n  }\r\n\r\n  function updateCarousel() {\r\n    track.style.transform = `translateX(-${currentSlide * 100}%)`;\r\n    document.querySelectorAll('.fp-dot').forEach((dot, i) => {\r\n      dot.classList.toggle('active', i === currentSlide);\r\n    });\r\n  }\r\n\r\n  function moveCarousel(direction) {\r\n    currentSlide = (currentSlide + direction + totalSlides) % totalSlides;\r\n    updateCarousel();\r\n  }\r\n\r\n  function goToSlide(index) {\r\n    currentSlide = index;\r\n    updateCarousel();\r\n  }\r\n<\/script>\r\n  <\/section>\r\n\r\n  <!-- ===================== CTA ===================== -->\r\n  <section class=\"fp-cta\">\r\n    <span class=\"fp-eyebrow fp-mono\">\u010dasica razgovora<\/span>\r\n    <h2 class=\"fp-display\">Trebate vi\u0161e informacija?<\/h2>\r\n    <p>Uvijek smo spremni za sastanak o va\u0161em sljede\u0107em koraku.<\/p>\r\n    <a href=\"https:\/\/firstpoint.hr\/?page_id=569\" class=\"fp-btn fp-btn--dark\">\r\n      Kontaktirajte nas\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n    <\/a>\r\n  <\/section>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Tko smo mi? Firstpoint Mlada marketin\u0161ka agencija iskusne postave, usmjerena na razvoj digitalnih strategija koje donose mjerljive poslovne rezultate. Svaki marketin\u0161ki kanal promatramo kao dio jedinstvenog ekosustava u kojem su svi elementi me\u0111usobno povezani i uskla\u0111eni s poslovnim ciljevima klijenta. Sura\u0111ujemo s poduze\u0107ima koja \u017eele odr\u017eiv rast, u\u010dinkovitije ulaganje u marketing te dono\u0161enje odluka temeljenih [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-530","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/firstpoint.hr\/index.php?rest_route=\/wp\/v2\/pages\/530","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/firstpoint.hr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/firstpoint.hr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/firstpoint.hr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/firstpoint.hr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=530"}],"version-history":[{"count":37,"href":"https:\/\/firstpoint.hr\/index.php?rest_route=\/wp\/v2\/pages\/530\/revisions"}],"predecessor-version":[{"id":613,"href":"https:\/\/firstpoint.hr\/index.php?rest_route=\/wp\/v2\/pages\/530\/revisions\/613"}],"wp:attachment":[{"href":"https:\/\/firstpoint.hr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=530"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}