{"id":7045,"date":"2026-09-11T18:31:16","date_gmt":"2026-09-11T16:31:16","guid":{"rendered":"https:\/\/www.oblikov.com\/sl\/?page_id=7045"},"modified":"2026-10-11T19:16:37","modified_gmt":"2026-10-11T17:16:37","slug":"pridobivanje-povprasevanj-wordpress","status":"publish","type":"page","link":"https:\/\/www.oblikov.com\/sl\/","title":{"rendered":"Pridobivanje povpra\u0161evanj z Meta oglasi"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7045\" class=\"elementor elementor-7045\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2d5172a e-flex e-con-boxed e-con e-parent\" data-id=\"2d5172a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-49c8dac elementor-widget elementor-widget-html\" data-id=\"49c8dac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style> .obx{ --bg:#050505; --card:#0d0d0f; --line:#242428; --text:#f7f7f4; --muted:#aaaab0; --red:#ff3538; --blue:#2f7df6; --yellow:#ffc51b; color:var(--text); font-family:Poppins,Arial,sans-serif; width:100%; box-sizing:border-box; } .obx *{ box-sizing:border-box; } .obx h1, .obx h2, .obx h3, .obx .anton{ font-family:Anton,Impact,\"Arial Narrow\",sans-serif; text-transform:uppercase; letter-spacing:.01em; margin:0; overflow:visible; } .obx p{ margin:0; color:var(--muted); line-height:1.65; font-size:16px; } .obx strong{ color:var(--text); } .obx .eyebrow{ font-size:12px; letter-spacing:.16em; text-transform:uppercase; font-weight:700; color:#d8d8da; margin-bottom:16px; line-height:1.45; } .obx .title{ font-size:clamp(38px,5vw,72px); line-height:1.04; max-width:1000px; overflow:visible; } .obx .title-line{ display:block; position:relative; line-height:1.04; overflow:visible; } .obx .title-line-second{ padding-top:.10em; margin-top:.015em; } \/* ========================= WORDPRESS POUDARJANJE ========================= *\/ .obx .wordpress{ color:var(--blue); position:relative; display:inline-block; } .obx .wordpress::after{ content:\"\"; position:absolute; left:0; bottom:-.04em; width:100%; height:.055em; min-height:3px; background:var(--blue); transform:scaleX(0); transform-origin:left center; animation: obxWordPressLine .65s cubic-bezier(.22,1,.36,1) .65s forwards; } @keyframes obxWordPressLine{ from{ transform:scaleX(0); } to{ transform:scaleX(1); } } \/* ========================= SUBHEADLINE ========================= *\/ .obx .sub{ font-size:clamp(21px,2.7vw,38px); line-height:1.12; margin-top:14px; max-width:980px; overflow:visible; } \/* ========================= BUTTON ========================= *\/ .obx .btn{ display:inline-flex; align-items:center; justify-content:center; gap:12px; background:#fff; color:#050505!important; text-decoration:none; font-weight:800; border-radius:10px; padding:15px 22px; margin-top:26px; transition: transform .25s ease, background .25s ease, border-color .25s ease, box-shadow .25s ease; } .obx .btn:hover{ background:var(--yellow); transform:translateY(-2px); box-shadow: 0 10px 35px rgba(255,197,27,.10); } .obx .btn span{ display:inline-block; transition: transform .3s cubic-bezier(.22,1,.36,1); } .obx .btn:hover span{ transform:translateX(4px); } \/* ========================= SHARED ELEMENTS ========================= *\/ .obx .grid2{ display:grid; grid-template-columns:1fr 1fr; gap:42px; align-items:center; } .obx .grid3{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; } .obx .card{ background: linear-gradient( 180deg, #111114, #09090b ); border:1px solid var(--line); border-radius:16px; padding:28px; } .obx .rule{ height:1px; background:var(--line); width:100%; margin:28px 0; } .obx .dot{ width:44px; height:44px; border-radius:50%; display:grid; place-items:center; font-weight:900; color:#090909; flex:0 0 auto; } .obx .red{ background:var(--red); } .obx .blueDot{ background:var(--blue); color:#fff; } .obx .yellow{ background:var(--yellow); } .obx .check{ display:flex; gap:11px; align-items:flex-start; margin:10px 0; color:#e8e8ea; line-height:1.45; } .obx .check::before{ content:\"\u2713\"; font-weight:900; color:var(--blue); } .obx .x::before{ content:\"\u00d7\"; color:var(--red); } \/* ========================= HERO ========================= *\/ .obx .hero{ position:relative; padding:72px 0 68px; overflow:visible; } .obx .hero-content{ position:relative; z-index:2; max-width:1100px; overflow:visible; } .obx .hero-dots{ position:absolute; right:0; top:72px; display:flex; gap:12px; z-index:3; } .obx .hero-title{ padding-right:190px; } \/* ========================= HERO BODY ========================= *\/ .obx .hero-description{ max-width:760px; margin-top:26px!important; color:#d0d0d4!important; } .obx .hero-support{ max-width:760px; margin-top:11px!important; color:#f7f7f4!important; } \/* ========================= 6-MESE\u010cNI URGENCY ========================= *\/ .obx .hero-urgency{ display:flex; align-items:flex-start; gap:12px; max-width:760px; margin-top:20px; padding-top:18px; border-top:1px solid var(--line); } .obx .hero-urgency-mark{ width:8px; height:8px; flex:0 0 auto; margin-top:8px; border-radius:50%; background:var(--yellow); box-shadow:0 0 0 5px rgba(255,197,27,.08); } .obx .hero-urgency p{ color:#d0d0d4!important; font-size:15px; line-height:1.55; } .obx .hero-urgency strong{ color:#fff; font-weight:800; } \/* ========================= MINIMALISTI\u010cNE ANIMACIJE ========================= *\/ @keyframes obxFadeUp{ from{ opacity:0; transform:translateY(14px); } to{ opacity:1; transform:translateY(0); } } .obx .hero-eyebrow{ opacity:0; animation: obxFadeUp .65s cubic-bezier(.22,1,.36,1) .05s forwards; } .obx .hero-title{ opacity:0; animation: obxFadeUp .75s cubic-bezier(.22,1,.36,1) .14s forwards; } .obx .hero-sub{ opacity:0; animation: obxFadeUp .75s cubic-bezier(.22,1,.36,1) .24s forwards; } .obx .hero-description{ opacity:0; animation: obxFadeUp .65s cubic-bezier(.22,1,.36,1) .31s forwards; } .obx .hero-support{ opacity:0; animation: obxFadeUp .65s cubic-bezier(.22,1,.36,1) .37s forwards; } .obx .hero-urgency{ opacity:0; animation: obxFadeUp .65s cubic-bezier(.22,1,.36,1) .43s forwards; } .obx .btn{ opacity:0; animation: obxFadeUp .65s cubic-bezier(.22,1,.36,1) .49s forwards; } \/* ========================= MANJ\u0160I DESKTOP \/ TABLET ========================= *\/ @media(max-width:1100px){ .obx .hero{ padding-top:60px; } .obx .hero-dots{ position:relative; right:auto; top:auto; width:max-content; margin-bottom:26px; } .obx .hero-title{ padding-right:0; } .obx .hero-content{ max-width:100%; } } \/* ========================= MOBILE ========================= *\/ @media(max-width:767px){ .obx .grid2, .obx .grid3{ grid-template-columns:1fr; } .obx .hero{ padding:48px 0 54px; } .obx .hero-dots{ gap:8px; margin-bottom:24px; } .obx .hero-dots .dot{ width:30px; height:30px; } .obx .eyebrow{ font-size:11px; line-height:1.5; margin-bottom:14px; } .obx .title{ font-size: clamp( 40px, 12.5vw, 60px ); line-height:1.05; } .obx .title-line{ line-height:1.05; } .obx .title-line-second{ padding-top:.11em; margin-top:.02em; } .obx .wordpress::after{ height:.06em; min-height:3px; bottom:-.03em; } .obx .sub{ font-size: clamp( 23px, 7vw, 34px ); line-height:1.15; margin-top:12px; } .obx p{ font-size:15px; } .obx .hero-description{ margin-top:23px!important; } .obx .hero-support{ margin-top:10px!important; } .obx .hero-urgency{ margin-top:18px; padding-top:16px; gap:11px; } .obx .hero-urgency p{ font-size:14px; line-height:1.55; } .obx .hero-urgency-mark{ width:7px; height:7px; margin-top:7px; } .obx .card{ padding:22px; } .obx .btn{ width:100%; margin-top:24px; padding:16px 20px; } } \/* ========================= ZELO MAJHNI TELEFONI ========================= *\/ @media(max-width:390px){ .obx .title{ font-size: clamp( 38px, 12vw, 52px ); line-height:1.05; } .obx .title-line{ line-height:1.05; } .obx .title-line-second{ padding-top:.11em; margin-top:.02em; } .obx .sub{ font-size: clamp( 22px, 6.8vw, 30px ); line-height:1.16; } .obx .hero-dots .dot{ width:28px; height:28px; } } \/* ========================= ACCESSIBILITY ========================= *\/ @media(prefers-reduced-motion:reduce){ .obx .hero-eyebrow, .obx .hero-title, .obx .hero-sub, .obx .hero-description, .obx .hero-support, .obx .hero-urgency, .obx .btn{ opacity:1; transform:none; animation:none; } .obx .wordpress::after{ transform:scaleX(1); animation:none; } .obx .btn, .obx .btn span{ transition:none; } } <\/style> <section class=\"obx\" aria-label=\"Oblikov hero\" > <div class=\"hero\">\n<div\n  class=\"hero-dots\"\n  aria-hidden=\"true\"\n>\n  <span class=\"dot red\"><\/span>\n  <span class=\"dot blueDot\"><\/span>\n  <span class=\"dot yellow\"><\/span>\n<\/div>\n\n<div class=\"hero-content\">\n\n  <div class=\"eyebrow hero-eyebrow\">\n    Meta oglasi + prodajna stran + povpra\u0161evanja\n  <\/div>\n\n  <h1 class=\"title hero-title\">\n\n    <span class=\"title-line\">\n      Imate\n      <span class=\"wordpress\">\n        WordPress\n      <\/span>\n    <\/span>\n\n    <span class=\"title-line title-line-second\">\n      stran?\n    <\/span>\n\n  <\/h1>\n\n  <h2\n    class=\"sub hero-sub\"\n    style=\"color:var(--blue)\"\n  >\n    Spremenimo jo v sistem za pridobivanje povpra\u0161evanj.\n  <\/h2>\n\n  <p class=\"hero-description\">\n    Na va\u0161i obstoje\u010di WordPress strani postavimo namensko prodajno stran, nanjo pripeljemo prave ljudi z Meta oglasi in sistem optimiziramo za ve\u010d kakovostnih povpra\u0161evanj.\n  <\/p>\n\n  <p class=\"hero-support\">\n    <strong>\n      Brez izdelave nove spletne strani. Brez nepotrebnega kompliciranja.\n    <\/strong>\n  <\/p>\n\n  <div class=\"hero-urgency\">\n    <span\n      class=\"hero-urgency-mark\"\n      aria-hidden=\"true\"\n    ><\/span>\n\n    <p>\n      \u010cez 6 mesecev je lahko va\u0161 marketing na povsem drugem nivoju.\n      <strong>Za\u010dnite danes.<\/strong>\n    <\/p>\n  <\/div>\n\n  <a\n    class=\"btn\"\n    href=\"\/sl\/#form\"\n  >\n    Preveri ustreznost\n    <span>\u2192<\/span>\n  <\/a>\n\n<\/div>\n<\/div> <\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-725a8ba e-flex e-con-boxed e-con e-parent\" data-id=\"725a8ba\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-433cc4a elementor-widget elementor-widget-html\" data-id=\"433cc4a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  .obx{\r\n    --bg:#050505;\r\n    --card:#0d0d0f;\r\n    --line:#242428;\r\n    --text:#f7f7f4;\r\n    --muted:#aaaab0;\r\n    --red:#ff3538;\r\n    --blue:#2f7df6;\r\n    --yellow:#ffc51b;\r\n    color:var(--text);\r\n    font-family:Poppins,Arial,sans-serif;\r\n    width:100%;\r\n    box-sizing:border-box;\r\n  }\r\n\r\n  .obx *{\r\n    box-sizing:border-box;\r\n  }\r\n\r\n  .obx p{\r\n    margin:0;\r\n    color:var(--muted);\r\n    line-height:1.65;\r\n    font-size:16px;\r\n  }\r\n\r\n  .obx strong{\r\n    color:var(--text);\r\n  }\r\n\r\n  .obx .eyebrow{\r\n    font-size:12px;\r\n    letter-spacing:.16em;\r\n    text-transform:uppercase;\r\n    font-weight:700;\r\n    color:#d8d8da;\r\n    margin-bottom:16px;\r\n    line-height:1.5;\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     GRID\r\n  ========================= *\/\r\n\r\n  .obx .grid2{\r\n    display:grid;\r\n    grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);\r\n    gap:clamp(42px,6vw,82px);\r\n    align-items:center;\r\n  }\r\n\r\n  .obx .problem-section{\r\n    padding:72px 0;\r\n    overflow:visible;\r\n  }\r\n\r\n  .obx .problem-heading{\r\n    position:relative;\r\n    overflow:visible;\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     NASLOV + \u0160UMNIKI\r\n  ========================= *\/\r\n\r\n  .obx .problem-title{\r\n    font-family:Anton,Impact,\"Arial Narrow\",sans-serif;\r\n    font-size:clamp(42px,5.3vw,76px);\r\n    font-weight:400;\r\n    text-transform:uppercase;\r\n    letter-spacing:.01em;\r\n    line-height:1;\r\n    margin:0;\r\n    padding:0;\r\n    max-width:680px;\r\n    overflow:visible;\r\n  }\r\n\r\n  .obx .title-line{\r\n    display:block;\r\n    position:relative;\r\n    line-height:1.04;\r\n    overflow:visible;\r\n  }\r\n\r\n  .obx .title-line-second{\r\n    padding-top:.10em;\r\n    margin-top:.015em;\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     ANIMACIJE\r\n  ========================= *\/\r\n\r\n  @keyframes obxFadeUp{\r\n    from{\r\n      opacity:0;\r\n      transform:translateY(18px);\r\n    }\r\n\r\n    to{\r\n      opacity:1;\r\n      transform:translateY(0);\r\n    }\r\n  }\r\n\r\n  @keyframes obxCardIn{\r\n    from{\r\n      opacity:0;\r\n      transform:translateY(22px);\r\n    }\r\n\r\n    to{\r\n      opacity:1;\r\n      transform:translateY(0);\r\n    }\r\n  }\r\n\r\n  @keyframes obxTaskIn{\r\n    from{\r\n      opacity:0;\r\n      transform:translateX(24px);\r\n    }\r\n\r\n    to{\r\n      opacity:1;\r\n      transform:translateX(0);\r\n    }\r\n  }\r\n\r\n  @keyframes obxLineGrow{\r\n    from{\r\n      width:0;\r\n    }\r\n\r\n    to{\r\n      width:100%;\r\n    }\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     ZA\u010cETNO STANJE\r\n  ========================= *\/\r\n\r\n  .obx.obx-scroll-ready .problem-eyebrow,\r\n  .obx.obx-scroll-ready .problem-title{\r\n    opacity:0;\r\n    transform:translateY(18px);\r\n  }\r\n\r\n  .obx.obx-scroll-ready .problem-card{\r\n    opacity:0;\r\n    transform:translateY(22px);\r\n  }\r\n\r\n  .obx.obx-scroll-ready .task{\r\n    opacity:0;\r\n    transform:translateX(24px);\r\n  }\r\n\r\n  .obx.obx-scroll-ready .task:after{\r\n    width:0;\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     NASLOV\r\n  ========================= *\/\r\n\r\n  .obx.obx-scroll-ready.obx-visible .problem-eyebrow{\r\n    animation:\r\n      obxFadeUp\r\n      .58s\r\n      cubic-bezier(.22,1,.36,1)\r\n      .06s\r\n      forwards;\r\n  }\r\n\r\n  .obx.obx-scroll-ready.obx-visible .problem-title{\r\n    animation:\r\n      obxFadeUp\r\n      .66s\r\n      cubic-bezier(.22,1,.36,1)\r\n      .16s\r\n      forwards;\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     KARTICA\r\n  ========================= *\/\r\n\r\n  .obx .problem-card{\r\n    position:relative;\r\n    overflow:hidden;\r\n\r\n    background:\r\n      radial-gradient(\r\n        circle at 100% 0%,\r\n        rgba(47,125,246,.11),\r\n        transparent 36%\r\n      ),\r\n      linear-gradient(\r\n        145deg,\r\n        #111114 0%,\r\n        #0a0a0c 55%,\r\n        #080809 100%\r\n      );\r\n\r\n    border:1px solid var(--line);\r\n    border-radius:18px;\r\n    padding:clamp(24px,3vw,34px);\r\n  }\r\n\r\n  .obx.obx-scroll-ready.obx-visible .problem-card{\r\n    animation:\r\n      obxCardIn\r\n      .68s\r\n      cubic-bezier(.22,1,.36,1)\r\n      .28s\r\n      forwards;\r\n  }\r\n\r\n  .obx .problem-card:before{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:0;\r\n    top:0;\r\n    width:100%;\r\n    height:2px;\r\n\r\n    background:linear-gradient(\r\n      90deg,\r\n      var(--red) 0 33.33%,\r\n      var(--blue) 33.33% 66.66%,\r\n      var(--yellow) 66.66% 100%\r\n    );\r\n  }\r\n\r\n  .obx .problem-card-intro{\r\n    position:relative;\r\n    z-index:2;\r\n  }\r\n\r\n  .obx .problem-card-highlight{\r\n    margin-top:12px!important;\r\n    color:#fff!important;\r\n    font-weight:700;\r\n  }\r\n\r\n  .obx .rule{\r\n    height:1px;\r\n    background:var(--line);\r\n    width:100%;\r\n    margin:26px 0;\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     TABELICA\r\n  ========================= *\/\r\n\r\n  .obx .task-label{\r\n    margin-top:20px;\r\n    margin-bottom:13px;\r\n    color:#77777d;\r\n    font-size:10px;\r\n    line-height:1.4;\r\n    font-weight:700;\r\n    letter-spacing:.15em;\r\n    text-transform:uppercase;\r\n  }\r\n\r\n  .obx .task-list{\r\n    display:grid;\r\n    grid-template-columns:1fr;\r\n    gap:8px;\r\n  }\r\n\r\n  .obx .task{\r\n    position:relative;\r\n    display:grid;\r\n    grid-template-columns:38px minmax(0,1fr) auto;\r\n    gap:13px;\r\n    align-items:center;\r\n    min-height:60px;\r\n    padding:10px 14px 10px 10px;\r\n    border:1px solid #202024;\r\n    border-radius:12px;\r\n    background:rgba(255,255,255,.025);\r\n    overflow:hidden;\r\n\r\n    transition:\r\n      transform .25s ease,\r\n      border-color .25s ease,\r\n      background .25s ease;\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     HITREJ\u0160I STAGGER\r\n  ========================= *\/\r\n\r\n  .obx.obx-scroll-ready.obx-visible .task:nth-child(1){\r\n    animation:\r\n      obxTaskIn\r\n      .62s\r\n      cubic-bezier(.22,1,.36,1)\r\n      .68s\r\n      forwards;\r\n  }\r\n\r\n  .obx.obx-scroll-ready.obx-visible .task:nth-child(2){\r\n    animation:\r\n      obxTaskIn\r\n      .62s\r\n      cubic-bezier(.22,1,.36,1)\r\n      .84s\r\n      forwards;\r\n  }\r\n\r\n  .obx.obx-scroll-ready.obx-visible .task:nth-child(3){\r\n    animation:\r\n      obxTaskIn\r\n      .62s\r\n      cubic-bezier(.22,1,.36,1)\r\n      1.00s\r\n      forwards;\r\n  }\r\n\r\n  .obx.obx-scroll-ready.obx-visible .task:nth-child(4){\r\n    animation:\r\n      obxTaskIn\r\n      .62s\r\n      cubic-bezier(.22,1,.36,1)\r\n      1.16s\r\n      forwards;\r\n  }\r\n\r\n  .obx .task:hover{\r\n    transform:translateX(4px);\r\n    border-color:#38383d;\r\n    background:rgba(255,255,255,.045);\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     IKONE\r\n  ========================= *\/\r\n\r\n  .obx .task-icon{\r\n    width:38px;\r\n    height:38px;\r\n    border-radius:50%;\r\n    display:grid;\r\n    place-items:center;\r\n    position:relative;\r\n    z-index:2;\r\n    font-size:13px;\r\n    font-weight:900;\r\n  }\r\n\r\n  .obx .task:nth-child(1) .task-icon{\r\n    background:rgba(255,53,56,.14);\r\n    color:var(--red);\r\n  }\r\n\r\n  .obx .task:nth-child(2) .task-icon{\r\n    background:rgba(47,125,246,.15);\r\n    color:var(--blue);\r\n  }\r\n\r\n  .obx .task:nth-child(3) .task-icon{\r\n    background:rgba(255,197,27,.14);\r\n    color:var(--yellow);\r\n  }\r\n\r\n  .obx .task:nth-child(4) .task-icon{\r\n    background:#fff;\r\n    color:#080808;\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     BESEDILO\r\n  ========================= *\/\r\n\r\n  .obx .task-copy{\r\n    min-width:0;\r\n    color:#e8e8ea;\r\n    font-size:14px;\r\n    font-weight:600;\r\n    line-height:1.45;\r\n  }\r\n\r\n  .obx .task:last-child .task-copy{\r\n    color:#fff;\r\n    font-weight:800;\r\n  }\r\n\r\n  .obx .task-status{\r\n    color:#66666c;\r\n    font-size:9px;\r\n    font-weight:700;\r\n    letter-spacing:.12em;\r\n    text-transform:uppercase;\r\n    white-space:nowrap;\r\n  }\r\n\r\n  .obx .task:last-child .task-status{\r\n    color:var(--yellow);\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     BARVNE LINIJE\r\n  ========================= *\/\r\n\r\n  .obx .task:after{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:0;\r\n    bottom:0;\r\n    height:2px;\r\n    width:100%;\r\n  }\r\n\r\n  .obx .task:nth-child(1):after{\r\n    background:var(--red);\r\n  }\r\n\r\n  .obx .task:nth-child(2):after{\r\n    background:var(--blue);\r\n  }\r\n\r\n  .obx .task:nth-child(3):after{\r\n    background:var(--yellow);\r\n  }\r\n\r\n  .obx .task:nth-child(4):after{\r\n    background:#fff;\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     \u010cRTE\r\n  ========================= *\/\r\n\r\n  .obx.obx-scroll-ready.obx-visible .task:nth-child(1):after{\r\n    animation:\r\n      obxLineGrow\r\n      .58s\r\n      cubic-bezier(.22,1,.36,1)\r\n      .96s\r\n      forwards;\r\n  }\r\n\r\n  .obx.obx-scroll-ready.obx-visible .task:nth-child(2):after{\r\n    animation:\r\n      obxLineGrow\r\n      .58s\r\n      cubic-bezier(.22,1,.36,1)\r\n      1.12s\r\n      forwards;\r\n  }\r\n\r\n  .obx.obx-scroll-ready.obx-visible .task:nth-child(3):after{\r\n    animation:\r\n      obxLineGrow\r\n      .58s\r\n      cubic-bezier(.22,1,.36,1)\r\n      1.28s\r\n      forwards;\r\n  }\r\n\r\n  .obx.obx-scroll-ready.obx-visible .task:nth-child(4):after{\r\n    animation:\r\n      obxLineGrow\r\n      .58s\r\n      cubic-bezier(.22,1,.36,1)\r\n      1.44s\r\n      forwards;\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     TABLET\r\n  ========================= *\/\r\n\r\n  @media(max-width:900px){\r\n\r\n    .obx .grid2{\r\n      grid-template-columns:1fr;\r\n    }\r\n\r\n    .obx .problem-section{\r\n      gap:38px;\r\n    }\r\n\r\n    .obx .problem-title{\r\n      max-width:780px;\r\n    }\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     MOBILE\r\n  ========================= *\/\r\n\r\n  @media(max-width:767px){\r\n\r\n    .obx .problem-section{\r\n      padding:52px 0;\r\n      gap:30px;\r\n    }\r\n\r\n    .obx .eyebrow{\r\n      font-size:11px;\r\n      line-height:1.55;\r\n      margin-bottom:13px;\r\n    }\r\n\r\n    .obx .problem-title{\r\n      font-size:clamp(40px,12vw,58px);\r\n    }\r\n\r\n    .obx .title-line{\r\n      line-height:1.05;\r\n    }\r\n\r\n    .obx .title-line-second{\r\n      padding-top:.11em;\r\n      margin-top:.02em;\r\n    }\r\n\r\n    .obx p{\r\n      font-size:15px;\r\n    }\r\n\r\n    .obx .problem-card{\r\n      padding:22px 18px;\r\n    }\r\n\r\n    .obx .task{\r\n      grid-template-columns:36px minmax(0,1fr);\r\n      gap:11px;\r\n      min-height:58px;\r\n      padding:10px;\r\n    }\r\n\r\n    .obx .task-icon{\r\n      width:36px;\r\n      height:36px;\r\n    }\r\n\r\n    .obx .task-status{\r\n      display:none;\r\n    }\r\n\r\n    .obx .task-copy{\r\n      font-size:13px;\r\n    }\r\n\r\n    \/*\r\n      Na telefonu tabelico \u0161e dodatno zamaknemo,\r\n      ker uporabnik najprej vidi naslov in uvod kartice.\r\n    *\/\r\n\r\n    .obx.obx-scroll-ready.obx-visible .task:nth-child(1){\r\n      animation-delay:.72s;\r\n      animation-duration:.66s;\r\n    }\r\n\r\n    .obx.obx-scroll-ready.obx-visible .task:nth-child(2){\r\n      animation-delay:.90s;\r\n      animation-duration:.66s;\r\n    }\r\n\r\n    .obx.obx-scroll-ready.obx-visible .task:nth-child(3){\r\n      animation-delay:1.08s;\r\n      animation-duration:.66s;\r\n    }\r\n\r\n    .obx.obx-scroll-ready.obx-visible .task:nth-child(4){\r\n      animation-delay:1.26s;\r\n      animation-duration:.66s;\r\n    }\r\n\r\n    .obx.obx-scroll-ready.obx-visible .task:nth-child(1):after{\r\n      animation-delay:1.02s;\r\n    }\r\n\r\n    .obx.obx-scroll-ready.obx-visible .task:nth-child(2):after{\r\n      animation-delay:1.20s;\r\n    }\r\n\r\n    .obx.obx-scroll-ready.obx-visible .task:nth-child(3):after{\r\n      animation-delay:1.38s;\r\n    }\r\n\r\n    .obx.obx-scroll-ready.obx-visible .task:nth-child(4):after{\r\n      animation-delay:1.56s;\r\n    }\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     ZELO MAJHNI TELEFONI\r\n  ========================= *\/\r\n\r\n  @media(max-width:390px){\r\n\r\n    .obx .problem-title{\r\n      font-size:clamp(37px,11.5vw,50px);\r\n    }\r\n\r\n    .obx .title-line-second{\r\n      padding-top:.12em;\r\n    }\r\n\r\n    .obx .problem-section{\r\n      padding:46px 0;\r\n    }\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     REDUCED MOTION\r\n  ========================= *\/\r\n\r\n  @media(prefers-reduced-motion:reduce){\r\n\r\n    .obx.obx-scroll-ready .problem-eyebrow,\r\n    .obx.obx-scroll-ready .problem-title,\r\n    .obx.obx-scroll-ready .problem-card,\r\n    .obx.obx-scroll-ready .task{\r\n      opacity:1;\r\n      transform:none;\r\n      animation:none!important;\r\n    }\r\n\r\n    .obx.obx-scroll-ready .task:after{\r\n      width:100%;\r\n      animation:none!important;\r\n    }\r\n\r\n    .obx .task{\r\n      transition:none;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n\r\n<section\r\n  class=\"obx\"\r\n  data-obx-scroll\r\n  aria-label=\"Zakaj spletna stran ne prina\u0161a ve\u010d posla\"\r\n>\r\n\r\n  <div class=\"grid2 problem-section\">\r\n\r\n    <div class=\"problem-heading\">\r\n\r\n      <div class=\"eyebrow problem-eyebrow\">\r\n        Va\u0161a spletna stran je \u017ee tam.\r\n      <\/div>\r\n\r\n      <h2 class=\"problem-title\">\r\n\r\n        <span class=\"title-line\">\r\n          Zakaj ne prina\u0161a\r\n        <\/span>\r\n\r\n        <span class=\"title-line title-line-second\">\r\n          ve\u010d posla?\r\n        <\/span>\r\n\r\n      <\/h2>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"problem-card\">\r\n\r\n      <div class=\"problem-card-intro\">\r\n\r\n        <p>\r\n          Ve\u010dina spletnih strani je narejenih tako, da podjetje predstavijo.\r\n        <\/p>\r\n\r\n        <p class=\"problem-card-highlight\">\r\n          Kdo ste. Kaj ponujate. Kontakt.\r\n        <\/p>\r\n\r\n        <p style=\"margin-top:12px\">\r\n          In potem \u010dakajo.\r\n        <\/p>\r\n\r\n        <div class=\"rule\"><\/div>\r\n\r\n        <p>\r\n          Mi na stvar gledamo druga\u010de. Va\u0161a spletna stran ne bi smela biti samo digitalna vizitka.\r\n        <\/p>\r\n\r\n        <p style=\"margin-top:14px\">\r\n          <strong>\r\n            Morala bi imeti nalogo.\r\n          <\/strong>\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"task-label\">\r\n        Naloga va\u0161e spletne strani\r\n      <\/div>\r\n\r\n      <div class=\"task-list\">\r\n\r\n        <div class=\"task\">\r\n\r\n          <div class=\"task-icon\">\r\n            01\r\n          <\/div>\r\n\r\n          <div class=\"task-copy\">\r\n            Pripeljati prave ljudi.\r\n          <\/div>\r\n\r\n          <div class=\"task-status\">\r\n            Obisk\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"task\">\r\n\r\n          <div class=\"task-icon\">\r\n            02\r\n          <\/div>\r\n\r\n          <div class=\"task-copy\">\r\n            Predstaviti pravo ponudbo.\r\n          <\/div>\r\n\r\n          <div class=\"task-status\">\r\n            Ponudba\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"task\">\r\n\r\n          <div class=\"task-icon\">\r\n            03\r\n          <\/div>\r\n\r\n          <div class=\"task-copy\">\r\n            Prepri\u010dati jih v naslednji korak.\r\n          <\/div>\r\n\r\n          <div class=\"task-status\">\r\n            Odlo\u010ditev\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"task\">\r\n\r\n          <div class=\"task-icon\">\r\n            \u2713\r\n          <\/div>\r\n\r\n          <div class=\"task-copy\">\r\n            Povpra\u0161evanje.\r\n          <\/div>\r\n\r\n          <div class=\"task-status\">\r\n            Cilj\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n  function initObxScrollAnimations(){\r\n\r\n    var sections = document.querySelectorAll('[data-obx-scroll]');\r\n\r\n    if(!sections.length){\r\n      return;\r\n    }\r\n\r\n    sections.forEach(function(section){\r\n\r\n      if(section.dataset.obxInitialized === 'true'){\r\n        return;\r\n      }\r\n\r\n      section.dataset.obxInitialized = 'true';\r\n\r\n      section.classList.add('obx-scroll-ready');\r\n\r\n      if(!('IntersectionObserver' in window)){\r\n        section.classList.add('obx-visible');\r\n        return;\r\n      }\r\n\r\n      \/*\r\n        Na telefonu zahtevamo, da sekcija pride nekoliko\r\n        globlje v viewport, preden spro\u017eimo animacijo.\r\n      *\/\r\n\r\n      var isMobile = window.matchMedia('(max-width:767px)').matches;\r\n\r\n      var observer = new IntersectionObserver(\r\n        function(entries){\r\n\r\n          entries.forEach(function(entry){\r\n\r\n            if(entry.isIntersecting){\r\n\r\n              entry.target.classList.add('obx-visible');\r\n\r\n              observer.unobserve(entry.target);\r\n            }\r\n\r\n          });\r\n\r\n        },\r\n        {\r\n          threshold:isMobile ? 0.14 : 0.16,\r\n          rootMargin:isMobile\r\n            ? '0px 0px -8% 0px'\r\n            : '0px 0px -5% 0px'\r\n        }\r\n      );\r\n\r\n      observer.observe(section);\r\n\r\n    });\r\n  }\r\n\r\n\r\n  if(document.readyState === 'loading'){\r\n\r\n    document.addEventListener(\r\n      'DOMContentLoaded',\r\n      initObxScrollAnimations\r\n    );\r\n\r\n  }else{\r\n\r\n    initObxScrollAnimations();\r\n\r\n  }\r\n\r\n\r\n  window.addEventListener(\r\n    'load',\r\n    initObxScrollAnimations\r\n  );\r\n\r\n\r\n  if(window.jQuery){\r\n\r\n    window.jQuery(window).on(\r\n      'elementor\/frontend\/init',\r\n      function(){\r\n\r\n        setTimeout(\r\n          initObxScrollAnimations,\r\n          100\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e42e111 kako-deluje e-flex e-con-boxed e-con e-parent\" data-id=\"e42e111\" data-element_type=\"container\" data-e-type=\"container\" id=\"kako-deluje\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8493f42 elementor-widget elementor-widget-html\" data-id=\"8493f42\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  .obx{\r\n    --bg:#050505;\r\n    --card:#0d0d0f;\r\n    --line:#242428;\r\n    --text:#f7f7f4;\r\n    --muted:#aaaab0;\r\n    --red:#ff3538;\r\n    --blue:#2f7df6;\r\n    --yellow:#ffc51b;\r\n    color:var(--text);\r\n    font-family:Poppins,Arial,sans-serif;\r\n    width:100%;\r\n    box-sizing:border-box;\r\n  }\r\n\r\n  .obx *{\r\n    box-sizing:border-box;\r\n  }\r\n\r\n  .obx h1,\r\n  .obx h2,\r\n  .obx h3,\r\n  .obx .anton{\r\n    font-family:Anton,Impact,\"Arial Narrow\",sans-serif;\r\n    text-transform:uppercase;\r\n    letter-spacing:.01em;\r\n    margin:0;\r\n    overflow:visible;\r\n  }\r\n\r\n  .obx p{\r\n    margin:0;\r\n    color:var(--muted);\r\n    line-height:1.65;\r\n    font-size:16px;\r\n  }\r\n\r\n  .obx strong{\r\n    color:var(--text);\r\n  }\r\n\r\n  .obx .eyebrow{\r\n    font-size:12px;\r\n    letter-spacing:.16em;\r\n    text-transform:uppercase;\r\n    font-weight:700;\r\n    color:#d8d8da;\r\n    margin-bottom:16px;\r\n    line-height:1.5;\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     SECTION\r\n  ========================= *\/\r\n\r\n  .obx .system-section{\r\n    padding:72px 0;\r\n    overflow:visible;\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     NASLOV + \u0160UMNIKI\r\n  ========================= *\/\r\n\r\n  .obx .title{\r\n    font-family:Anton,Impact,\"Arial Narrow\",sans-serif;\r\n    font-size:clamp(38px,5vw,72px);\r\n    font-weight:400;\r\n    text-transform:uppercase;\r\n    letter-spacing:.01em;\r\n    line-height:1;\r\n    margin:0;\r\n    max-width:1000px;\r\n    overflow:visible;\r\n  }\r\n\r\n  .obx .title-line{\r\n    display:block;\r\n    position:relative;\r\n    line-height:1.04;\r\n    overflow:visible;\r\n  }\r\n\r\n  .obx .title-line-second{\r\n    padding-top:.10em;\r\n    margin-top:.015em;\r\n  }\r\n\r\n  .obx .title-blue{\r\n    color:var(--blue);\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     GRID\r\n  ========================= *\/\r\n\r\n  .obx .grid3{\r\n    display:grid;\r\n    grid-template-columns:repeat(3,minmax(0,1fr));\r\n    gap:18px;\r\n    margin-top:38px;\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     KARTICE\r\n  ========================= *\/\r\n\r\n  .obx .card{\r\n    position:relative;\r\n    overflow:hidden;\r\n    background:\r\n      radial-gradient(\r\n        circle at 100% 0%,\r\n        rgba(255,255,255,.035),\r\n        transparent 38%\r\n      ),\r\n      linear-gradient(\r\n        180deg,\r\n        #111114 0%,\r\n        #09090b 100%\r\n      );\r\n    border:1px solid var(--line);\r\n    border-radius:16px;\r\n    padding:28px;\r\n\r\n    transition:\r\n      transform .3s ease,\r\n      border-color .3s ease,\r\n      background .3s ease;\r\n  }\r\n\r\n  .obx .card:hover{\r\n    transform:translateY(-4px);\r\n    border-color:#37373c;\r\n  }\r\n\r\n  .obx .card:before{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:0;\r\n    top:0;\r\n    width:0;\r\n    height:2px;\r\n  }\r\n\r\n  .obx .card:nth-child(1):before{\r\n    background:var(--red);\r\n  }\r\n\r\n  .obx .card:nth-child(2):before{\r\n    background:var(--blue);\r\n  }\r\n\r\n  .obx .card:nth-child(3):before{\r\n    background:var(--yellow);\r\n  }\r\n\r\n  .obx .card-head{\r\n    display:flex;\r\n    gap:14px;\r\n    align-items:center;\r\n  }\r\n\r\n  .obx .card-title{\r\n    font-size:28px;\r\n    line-height:1.08;\r\n  }\r\n\r\n  .obx .card-subtitle{\r\n    margin:20px 0 8px;\r\n    font-size:20px;\r\n    line-height:1.35;\r\n    color:var(--text);\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     PIKE\r\n  ========================= *\/\r\n\r\n  .obx .dot{\r\n    width:44px;\r\n    height:44px;\r\n    border-radius:50%;\r\n    display:grid;\r\n    place-items:center;\r\n    font-weight:900;\r\n    color:#090909;\r\n    flex:0 0 auto;\r\n  }\r\n\r\n  .obx .red{\r\n    background:var(--red);\r\n  }\r\n\r\n  .obx .blueDot{\r\n    background:var(--blue);\r\n    color:#fff;\r\n  }\r\n\r\n  .obx .yellow{\r\n    background:var(--yellow);\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     ANIMACIJE\r\n  ========================= *\/\r\n\r\n  @keyframes obxSystemFadeUp{\r\n    from{\r\n      opacity:0;\r\n      transform:translateY(18px);\r\n    }\r\n\r\n    to{\r\n      opacity:1;\r\n      transform:translateY(0);\r\n    }\r\n  }\r\n\r\n  @keyframes obxSystemCardIn{\r\n    from{\r\n      opacity:0;\r\n      transform:translateY(30px);\r\n    }\r\n\r\n    to{\r\n      opacity:1;\r\n      transform:translateY(0);\r\n    }\r\n  }\r\n\r\n  @keyframes obxSystemDotIn{\r\n    0%{\r\n      opacity:0;\r\n      transform:scale(.65);\r\n    }\r\n\r\n    65%{\r\n      opacity:1;\r\n      transform:scale(1.08);\r\n    }\r\n\r\n    100%{\r\n      opacity:1;\r\n      transform:scale(1);\r\n    }\r\n  }\r\n\r\n  @keyframes obxSystemLineGrow{\r\n    from{\r\n      width:0;\r\n    }\r\n\r\n    to{\r\n      width:100%;\r\n    }\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     ZA\u010cETNO STANJE\r\n\r\n     Skrijemo elemente samo,\r\n     \u010de jih inicializira JS.\r\n  ========================= *\/\r\n\r\n  .obx.obx-scroll-ready .system-eyebrow,\r\n  .obx.obx-scroll-ready .system-title{\r\n    opacity:0;\r\n    transform:translateY(18px);\r\n  }\r\n\r\n  .obx.obx-scroll-ready .card{\r\n    opacity:0;\r\n    transform:translateY(30px);\r\n  }\r\n\r\n  .obx.obx-scroll-ready .card .dot{\r\n    opacity:0;\r\n    transform:scale(.65);\r\n  }\r\n\r\n  .obx.obx-scroll-ready .card:before{\r\n    width:0;\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     NASLOV SE POJAVI PRVI\r\n  ========================= *\/\r\n\r\n  .obx.obx-scroll-ready.obx-visible .system-eyebrow{\r\n    animation:\r\n      obxSystemFadeUp\r\n      .58s\r\n      cubic-bezier(.22,1,.36,1)\r\n      .05s\r\n      forwards;\r\n  }\r\n\r\n  .obx.obx-scroll-ready.obx-visible .system-title{\r\n    animation:\r\n      obxSystemFadeUp\r\n      .68s\r\n      cubic-bezier(.22,1,.36,1)\r\n      .15s\r\n      forwards;\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     KARTICE \u2013 STAGGER\r\n  ========================= *\/\r\n\r\n  .obx.obx-scroll-ready.obx-visible .card:nth-child(1){\r\n    animation:\r\n      obxSystemCardIn\r\n      .68s\r\n      cubic-bezier(.22,1,.36,1)\r\n      .42s\r\n      forwards;\r\n  }\r\n\r\n  .obx.obx-scroll-ready.obx-visible .card:nth-child(2){\r\n    animation:\r\n      obxSystemCardIn\r\n      .68s\r\n      cubic-bezier(.22,1,.36,1)\r\n      .60s\r\n      forwards;\r\n  }\r\n\r\n  .obx.obx-scroll-ready.obx-visible .card:nth-child(3){\r\n    animation:\r\n      obxSystemCardIn\r\n      .68s\r\n      cubic-bezier(.22,1,.36,1)\r\n      .82s\r\n      forwards;\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     PIKE \u2013 PO KARTICAH\r\n  ========================= *\/\r\n\r\n  .obx.obx-scroll-ready.obx-visible .card:nth-child(1) .dot{\r\n    animation:\r\n      obxSystemDotIn\r\n      .46s\r\n      cubic-bezier(.22,1,.36,1)\r\n      .68s\r\n      forwards;\r\n  }\r\n\r\n  .obx.obx-scroll-ready.obx-visible .card:nth-child(2) .dot{\r\n    animation:\r\n      obxSystemDotIn\r\n      .46s\r\n      cubic-bezier(.22,1,.36,1)\r\n      .86s\r\n      forwards;\r\n  }\r\n\r\n  .obx.obx-scroll-ready.obx-visible .card:nth-child(3) .dot{\r\n    animation:\r\n      obxSystemDotIn\r\n      .46s\r\n      cubic-bezier(.22,1,.36,1)\r\n      1.04s\r\n      forwards;\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     BARVNE \u010cRTE\r\n  ========================= *\/\r\n\r\n  .obx.obx-scroll-ready.obx-visible .card:nth-child(1):before{\r\n    animation:\r\n      obxSystemLineGrow\r\n      .58s\r\n      cubic-bezier(.22,1,.36,1)\r\n      .82s\r\n      forwards;\r\n  }\r\n\r\n  .obx.obx-scroll-ready.obx-visible .card:nth-child(2):before{\r\n    animation:\r\n      obxSystemLineGrow\r\n      .58s\r\n      cubic-bezier(.22,1,.36,1)\r\n      1.00s\r\n      forwards;\r\n  }\r\n\r\n  .obx.obx-scroll-ready.obx-visible .card:nth-child(3):before{\r\n    animation:\r\n      obxSystemLineGrow\r\n      .58s\r\n      cubic-bezier(.22,1,.36,1)\r\n      1.18s\r\n      forwards;\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     TABLET\r\n  ========================= *\/\r\n\r\n  @media(max-width:900px){\r\n\r\n    .obx .grid3{\r\n      grid-template-columns:1fr;\r\n      gap:14px;\r\n    }\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     MOBILE\r\n  ========================= *\/\r\n\r\n  @media(max-width:767px){\r\n\r\n    .obx .system-section{\r\n      padding:52px 0;\r\n    }\r\n\r\n    .obx .eyebrow{\r\n      font-size:11px;\r\n      line-height:1.55;\r\n      margin-bottom:13px;\r\n    }\r\n\r\n    .obx .title{\r\n      font-size:clamp(40px,12vw,58px);\r\n    }\r\n\r\n    .obx .title-line{\r\n      line-height:1.05;\r\n    }\r\n\r\n    .obx .title-line-second{\r\n      padding-top:.11em;\r\n      margin-top:.02em;\r\n    }\r\n\r\n    .obx .grid3{\r\n      margin-top:32px;\r\n      gap:14px;\r\n    }\r\n\r\n    .obx .card{\r\n      padding:22px;\r\n    }\r\n\r\n    .obx .card-title{\r\n      font-size:26px;\r\n    }\r\n\r\n    .obx .card-subtitle{\r\n      font-size:19px;\r\n      margin-top:18px;\r\n    }\r\n\r\n    .obx p{\r\n      font-size:15px;\r\n    }\r\n\r\n    .obx .dot{\r\n      width:40px;\r\n      height:40px;\r\n      font-size:13px;\r\n    }\r\n\r\n\r\n    \/*\r\n      MOBILE:\r\n      namenoma po\u010dasnej\u0161i in bolj opazen stagger.\r\n    *\/\r\n\r\n    .obx.obx-scroll-ready.obx-visible .system-eyebrow{\r\n      animation-delay:.06s;\r\n      animation-duration:.62s;\r\n    }\r\n\r\n    .obx.obx-scroll-ready.obx-visible .system-title{\r\n      animation-delay:.16s;\r\n      animation-duration:.70s;\r\n    }\r\n\r\n    .obx.obx-scroll-ready.obx-visible .card:nth-child(1){\r\n      animation-delay:.44s;\r\n      animation-duration:.70s;\r\n    }\r\n\r\n    .obx.obx-scroll-ready.obx-visible .card:nth-child(2){\r\n      animation-delay:.66s;\r\n      animation-duration:.70s;\r\n    }\r\n\r\n    .obx.obx-scroll-ready.obx-visible .card:nth-child(3){\r\n      animation-delay:.88s;\r\n      animation-duration:.70s;\r\n    }\r\n\r\n    .obx.obx-scroll-ready.obx-visible .card:nth-child(1) .dot{\r\n      animation-delay:.70s;\r\n    }\r\n\r\n    .obx.obx-scroll-ready.obx-visible .card:nth-child(2) .dot{\r\n      animation-delay:.92s;\r\n    }\r\n\r\n    .obx.obx-scroll-ready.obx-visible .card:nth-child(3) .dot{\r\n      animation-delay:1.14s;\r\n    }\r\n\r\n    .obx.obx-scroll-ready.obx-visible .card:nth-child(1):before{\r\n      animation-delay:.84s;\r\n    }\r\n\r\n    .obx.obx-scroll-ready.obx-visible .card:nth-child(2):before{\r\n      animation-delay:1.06s;\r\n    }\r\n\r\n    .obx.obx-scroll-ready.obx-visible .card:nth-child(3):before{\r\n      animation-delay:1.28s;\r\n    }\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     ZELO MAJHNI TELEFONI\r\n  ========================= *\/\r\n\r\n  @media(max-width:390px){\r\n\r\n    .obx .title{\r\n      font-size:clamp(37px,11.5vw,50px);\r\n    }\r\n\r\n    .obx .title-line-second{\r\n      padding-top:.12em;\r\n    }\r\n\r\n    .obx .system-section{\r\n      padding:46px 0;\r\n    }\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     REDUCED MOTION\r\n  ========================= *\/\r\n\r\n  @media(prefers-reduced-motion:reduce){\r\n\r\n    .obx.obx-scroll-ready .system-eyebrow,\r\n    .obx.obx-scroll-ready .system-title,\r\n    .obx.obx-scroll-ready .card,\r\n    .obx.obx-scroll-ready .card .dot{\r\n      opacity:1;\r\n      transform:none;\r\n      animation:none!important;\r\n    }\r\n\r\n    .obx.obx-scroll-ready .card:before{\r\n      width:100%;\r\n      animation:none!important;\r\n    }\r\n\r\n    .obx .card{\r\n      transition:none;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n\r\n<section\r\n  class=\"obx\"\r\n  data-obx-scroll\r\n  aria-label=\"Oblikov Lead System\"\r\n>\r\n\r\n  <div class=\"system-section\">\r\n\r\n    <div class=\"eyebrow system-eyebrow\">\r\n      Oblikov Lead System\r\n    <\/div>\r\n\r\n    <h2 class=\"title system-title\">\r\n\r\n      <span class=\"title-line\">\r\n        Preprost sistem.\r\n      <\/span>\r\n\r\n      <span class=\"title-line title-line-second title-blue\">\r\n        Merljivi rezultati.\r\n      <\/span>\r\n\r\n    <\/h2>\r\n\r\n\r\n    <div class=\"grid3\">\r\n\r\n      <article class=\"card\">\r\n\r\n        <div class=\"card-head\">\r\n\r\n          <span class=\"dot red\">\r\n            01\r\n          <\/span>\r\n\r\n          <h3 class=\"anton card-title\">\r\n            Pripeljemo.\r\n          <\/h3>\r\n\r\n        <\/div>\r\n\r\n        <h4 class=\"card-subtitle\">\r\n          Meta oglasi.\r\n        <\/h4>\r\n\r\n        <p>\r\n          Poi\u0161\u010demo marketin\u0161ko idejo, pripravimo oglase in va\u0161o ponudbo predstavimo ljudem, ki bi jih lahko zanimala.\r\n        <\/p>\r\n\r\n        <p style=\"margin-top:14px\">\r\n          <strong>\r\n            Ne lovimo v\u0161e\u010dkov. I\u0161\u010demo potencialne stranke.\r\n          <\/strong>\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n      <article class=\"card\">\r\n\r\n        <div class=\"card-head\">\r\n\r\n          <span class=\"dot blueDot\">\r\n            02\r\n          <\/span>\r\n\r\n          <h3 class=\"anton card-title\">\r\n            Prepri\u010damo.\r\n          <\/h3>\r\n\r\n        <\/div>\r\n\r\n        <h4 class=\"card-subtitle\">\r\n          Prodajna stran.\r\n        <\/h4>\r\n\r\n        <p>\r\n          Obiskovalca ne po\u0161ljemo na generi\u010dno doma\u010do stran. Na WordPressu postavimo namensko prodajno stran za ponudbo, ki jo ogla\u0161ujemo.\r\n        <\/p>\r\n\r\n        <p style=\"margin-top:14px\">\r\n          <strong>\r\n            Jasna ponudba. Prednosti. Dokazi. Jasen naslednji korak.\r\n          <\/strong>\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n      <article class=\"card\">\r\n\r\n        <div class=\"card-head\">\r\n\r\n          <span class=\"dot yellow\">\r\n            03\r\n          <\/span>\r\n\r\n          <h3 class=\"anton card-title\">\r\n            Pridobimo.\r\n          <\/h3>\r\n\r\n        <\/div>\r\n\r\n        <h4 class=\"card-subtitle\">\r\n          Povpra\u0161evanje.\r\n        <\/h4>\r\n\r\n        <p>\r\n          \u010ce obiskovalca ponudba zanima, ga usmerimo v preprost obrazec. Vi dobite kontakt potencialne stranke.\r\n        <\/p>\r\n\r\n        <p style=\"margin-top:14px\">\r\n          <strong>\r\n            Oglas \u2192 prodajna stran \u2192 povpra\u0161evanje.\r\n          <\/strong>\r\n          <br>\r\n          To je Oblikov.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n  function initObxScrollAnimations(){\r\n\r\n    var sections = document.querySelectorAll('[data-obx-scroll]');\r\n\r\n    if(!sections.length){\r\n      return;\r\n    }\r\n\r\n    sections.forEach(function(section){\r\n\r\n      if(section.dataset.obxInitialized === 'true'){\r\n        return;\r\n      }\r\n\r\n      section.dataset.obxInitialized = 'true';\r\n\r\n      \/*\r\n        Elementi se skrijejo samo,\r\n        \u010de JavaScript dejansko deluje.\r\n      *\/\r\n\r\n      section.classList.add('obx-scroll-ready');\r\n\r\n\r\n      \/*\r\n        Fallback za starej\u0161e brskalnike.\r\n      *\/\r\n\r\n      if(!('IntersectionObserver' in window)){\r\n        section.classList.add('obx-visible');\r\n        return;\r\n      }\r\n\r\n\r\n      var isMobile = window.matchMedia('(max-width:767px)').matches;\r\n\r\n\r\n      var observer = new IntersectionObserver(\r\n\r\n        function(entries){\r\n\r\n          entries.forEach(function(entry){\r\n\r\n            if(entry.isIntersecting){\r\n\r\n              \/*\r\n                Spro\u017eimo animacijo samo enkrat.\r\n              *\/\r\n\r\n              entry.target.classList.add('obx-visible');\r\n\r\n              observer.unobserve(entry.target);\r\n            }\r\n\r\n          });\r\n\r\n        },\r\n\r\n        {\r\n          \/*\r\n            Na telefonu po\u010dakamo nekoliko dlje,\r\n            da uporabnik dejansko pride do sekcije.\r\n          *\/\r\n\r\n          threshold:isMobile ? 0.14 : 0.15,\r\n\r\n          rootMargin:isMobile\r\n            ? '0px 0px -8% 0px'\r\n            : '0px 0px -5% 0px'\r\n        }\r\n\r\n      );\r\n\r\n      observer.observe(section);\r\n\r\n    });\r\n\r\n  }\r\n\r\n\r\n  \/*\r\n    Obi\u010dajen page load.\r\n  *\/\r\n\r\n  if(document.readyState === 'loading'){\r\n\r\n    document.addEventListener(\r\n      'DOMContentLoaded',\r\n      initObxScrollAnimations\r\n    );\r\n\r\n  }else{\r\n\r\n    initObxScrollAnimations();\r\n\r\n  }\r\n\r\n\r\n  \/*\r\n    Dodaten zagon po popolnem loadu.\r\n  *\/\r\n\r\n  window.addEventListener(\r\n    'load',\r\n    initObxScrollAnimations\r\n  );\r\n\r\n\r\n  \/*\r\n    Elementor-safe zagon.\r\n  *\/\r\n\r\n  if(window.jQuery){\r\n\r\n    window.jQuery(window).on(\r\n      'elementor\/frontend\/init',\r\n      function(){\r\n\r\n        setTimeout(\r\n          initObxScrollAnimations,\r\n          100\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-54885a7 e-flex e-con-boxed e-con e-parent\" data-id=\"54885a7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b5ccec elementor-widget elementor-widget-html\" data-id=\"7b5ccec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.obx-light{\r\n  --bg:#ffffff;\r\n  --card:#f5f5f3;\r\n  --line:#dedede;\r\n  --text:#080808;\r\n  --muted:#5f5f63;\r\n  --red:#ff3538;\r\n  --blue:#2f7df6;\r\n  --yellow:#ffc51b;\r\n  color:var(--text);\r\n  font-family:Poppins,Arial,sans-serif;\r\n  width:100%;\r\n  box-sizing:border-box;\r\n}\r\n\r\n.obx-light *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.obx-light h1,\r\n.obx-light h2,\r\n.obx-light h3,\r\n.obx-light .anton{\r\n  font-family:Anton,Impact,\"Arial Narrow\",sans-serif;\r\n  text-transform:uppercase;\r\n  letter-spacing:.01em;\r\n  margin:0;\r\n  overflow:visible;\r\n}\r\n\r\n.obx-light p{\r\n  margin:0;\r\n  color:var(--muted);\r\n  line-height:1.65;\r\n  font-size:16px;\r\n}\r\n\r\n.obx-light strong{\r\n  color:var(--text);\r\n}\r\n\r\n.obx-light .eyebrow{\r\n  font-size:12px;\r\n  letter-spacing:.16em;\r\n  text-transform:uppercase;\r\n  font-weight:700;\r\n  color:#69696d;\r\n  margin-bottom:16px;\r\n  line-height:1.5;\r\n}\r\n\r\n\r\n\/* =========================\r\n   SECTION\r\n========================= *\/\r\n\r\n.obx-light .growth-section{\r\n  padding:70px 0;\r\n}\r\n\r\n.obx-light .grid2{\r\n  display:grid;\r\n  grid-template-columns:minmax(0,1fr) minmax(0,1fr);\r\n  gap:42px;\r\n  align-items:center;\r\n}\r\n\r\n\r\n\/* =========================\r\n   NASLOV\r\n========================= *\/\r\n\r\n.obx-light .title{\r\n  font-family:Anton,Impact,\"Arial Narrow\",sans-serif;\r\n  font-size:clamp(38px,5vw,72px);\r\n  font-weight:400;\r\n  text-transform:uppercase;\r\n  letter-spacing:.01em;\r\n  line-height:1;\r\n  max-width:1000px;\r\n  overflow:visible;\r\n}\r\n\r\n.obx-light .title-line{\r\n  display:block;\r\n  position:relative;\r\n  line-height:1.04;\r\n  overflow:visible;\r\n}\r\n\r\n.obx-light .title-line-second{\r\n  padding-top:.10em;\r\n  margin-top:.015em;\r\n}\r\n\r\n.obx-light .title-blue{\r\n  color:var(--blue);\r\n}\r\n\r\n\r\n\/* =========================\r\n   BUTTON\r\n========================= *\/\r\n\r\n.obx-light .btn{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:12px;\r\n  background:#080808;\r\n  color:#fff!important;\r\n  text-decoration:none;\r\n  font-weight:800;\r\n  border-radius:10px;\r\n  padding:15px 22px;\r\n  margin-top:24px;\r\n  transition:\r\n    transform .25s ease,\r\n    box-shadow .25s ease;\r\n}\r\n\r\n.obx-light .btn:hover{\r\n  transform:translateY(-2px);\r\n  box-shadow:0 10px 30px rgba(0,0,0,.15);\r\n}\r\n\r\n.obx-light .btn.blue{\r\n  background:var(--blue);\r\n  color:#fff!important;\r\n}\r\n\r\n\r\n\/* =========================\r\n   CHECK LIST\r\n========================= *\/\r\n\r\n.obx-light .growth-checks{\r\n  margin-top:22px;\r\n}\r\n\r\n.obx-light .check{\r\n  display:flex;\r\n  gap:11px;\r\n  align-items:flex-start;\r\n  margin:10px 0;\r\n  color:#202024;\r\n  line-height:1.45;\r\n}\r\n\r\n.obx-light .check:before{\r\n  content:\"\u2713\";\r\n  font-weight:900;\r\n  color:var(--blue);\r\n}\r\n\r\n\r\n\/* =========================\r\n   PREMIUM GRAPH CARD\r\n========================= *\/\r\n\r\n.obx-light .growth-card{\r\n  min-height:470px;\r\n  display:flex;\r\n  flex-direction:column;\r\n  position:relative;\r\n  overflow:hidden;\r\n  padding:28px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 90% 0%,\r\n      rgba(47,125,246,.08),\r\n      transparent 35%\r\n    ),\r\n    linear-gradient(\r\n      180deg,\r\n      #f8f8f6 0%,\r\n      #f2f2ef 100%\r\n    );\r\n\r\n  border:1px solid #d9d9d6;\r\n  border-radius:20px;\r\n\r\n  box-shadow:\r\n    0 18px 50px rgba(0,0,0,.045),\r\n    inset 0 1px 0 rgba(255,255,255,.9);\r\n}\r\n\r\n\r\n\/* =========================\r\n   CARD HEADER\r\n========================= *\/\r\n\r\n.obx-light .growth-card-top{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:15px;\r\n  position:relative;\r\n  z-index:5;\r\n}\r\n\r\n.obx-light .growth-card-label{\r\n  font-size:12px;\r\n  font-weight:800;\r\n  letter-spacing:.14em;\r\n  color:#77777b;\r\n  text-transform:uppercase;\r\n}\r\n\r\n\r\n\/* =========================\r\n   SMALL HEADER HINT\r\n========================= *\/\r\n\r\n.obx-light .interactive-hint{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:9px;\r\n  min-height:36px;\r\n  padding:8px 13px;\r\n\r\n  border:1px solid rgba(8,8,8,.10);\r\n  border-radius:999px;\r\n\r\n  background:rgba(255,255,255,.82);\r\n  backdrop-filter:blur(8px);\r\n  -webkit-backdrop-filter:blur(8px);\r\n\r\n  color:#3e3e42;\r\n\r\n  font-size:9px;\r\n  line-height:1;\r\n  font-weight:800;\r\n  letter-spacing:.10em;\r\n  text-transform:uppercase;\r\n  white-space:nowrap;\r\n\r\n  box-shadow:\r\n    0 5px 16px rgba(0,0,0,.035),\r\n    inset 0 1px 0 rgba(255,255,255,.9);\r\n}\r\n\r\n.obx-light .interactive-hint-icon{\r\n  width:7px;\r\n  height:7px;\r\n  flex:0 0 7px;\r\n  border-radius:50%;\r\n  background:var(--yellow);\r\n  position:relative;\r\n}\r\n\r\n.obx-light .interactive-hint-icon:after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:-5px;\r\n  border:1px solid rgba(255,197,27,.55);\r\n  border-radius:50%;\r\n  animation:obxHintPulse 1.8s ease-out infinite;\r\n}\r\n\r\n@keyframes obxHintPulse{\r\n  0%{\r\n    transform:scale(.55);\r\n    opacity:.9;\r\n  }\r\n\r\n  100%{\r\n    transform:scale(1.35);\r\n    opacity:0;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================\r\n   PREMIUM INFO PANEL\r\n========================= *\/\r\n\r\n.obx-light .growth-info-wrap{\r\n  position:relative;\r\n  min-height:126px;\r\n  margin-top:22px;\r\n  z-index:4;\r\n}\r\n\r\n.obx-light .growth-info{\r\n  position:relative;\r\n  width:100%;\r\n  min-height:112px;\r\n\r\n  display:grid;\r\n  grid-template-columns:auto minmax(0,1fr);\r\n  gap:14px;\r\n\r\n  padding:17px 18px;\r\n\r\n  background:rgba(255,255,255,.76);\r\n  backdrop-filter:blur(12px);\r\n  -webkit-backdrop-filter:blur(12px);\r\n\r\n  border:1px solid rgba(8,8,8,.08);\r\n  border-radius:14px;\r\n\r\n  box-shadow:\r\n    0 10px 30px rgba(0,0,0,.035),\r\n    inset 0 1px 0 rgba(255,255,255,.9);\r\n\r\n  opacity:1;\r\n  transform:translateY(0);\r\n\r\n  transition:\r\n    opacity .22s ease,\r\n    transform .22s ease,\r\n    box-shadow .22s ease;\r\n}\r\n\r\n.obx-light .growth-info.is-changing{\r\n  opacity:.25;\r\n  transform:translateY(4px);\r\n}\r\n\r\n.obx-light .growth-info-accent{\r\n  width:4px;\r\n  height:100%;\r\n  min-height:72px;\r\n  border-radius:999px;\r\n  background:var(--blue);\r\n}\r\n\r\n.obx-light .growth-info-content{\r\n  min-width:0;\r\n}\r\n\r\n.obx-light .growth-info-step{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:7px;\r\n  margin-bottom:7px;\r\n\r\n  color:#858589;\r\n  font-size:9px;\r\n  line-height:1.3;\r\n  font-weight:800;\r\n  letter-spacing:.13em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.obx-light .growth-info-number{\r\n  color:var(--blue);\r\n  font-size:10px;\r\n  font-weight:900;\r\n  letter-spacing:.04em;\r\n}\r\n\r\n.obx-light .growth-info-divider{\r\n  width:3px;\r\n  height:3px;\r\n  border-radius:50%;\r\n  background:#c3c3c5;\r\n}\r\n\r\n.obx-light .growth-info-title{\r\n  color:#080808;\r\n  font-size:15px;\r\n  line-height:1.28;\r\n  font-weight:800;\r\n}\r\n\r\n.obx-light .growth-info-text{\r\n  margin-top:5px!important;\r\n  color:#6b6b70!important;\r\n  font-size:12px!important;\r\n  line-height:1.5!important;\r\n}\r\n\r\n\r\n\/* =========================\r\n   GRAPH AREA\r\n========================= *\/\r\n\r\n.obx-light .growth-graph-area{\r\n  position:relative;\r\n  margin-top:auto;\r\n  padding-top:8px;\r\n}\r\n\r\n.obx-light .growth-chart{\r\n  height:145px;\r\n  position:relative;\r\n\r\n  border-left:1px solid rgba(8,8,8,.10);\r\n  border-bottom:1px solid rgba(8,8,8,.10);\r\n\r\n  overflow:visible;\r\n\r\n  touch-action:pan-y;\r\n  cursor:grab;\r\n  user-select:none;\r\n  -webkit-user-select:none;\r\n}\r\n\r\n.obx-light .growth-chart.is-dragging{\r\n  cursor:grabbing;\r\n}\r\n\r\n.obx-light .growth-chart svg{\r\n  width:100%;\r\n  height:100%;\r\n  overflow:visible;\r\n  display:block;\r\n}\r\n\r\n\r\n\/* =========================\r\n   GRAPH LINE\r\n========================= *\/\r\n\r\n.obx-light .growth-path-glow{\r\n  fill:none;\r\n  stroke:rgba(47,125,246,.10);\r\n  stroke-width:14;\r\n  stroke-linecap:round;\r\n  stroke-linejoin:round;\r\n  pointer-events:none;\r\n}\r\n\r\n.obx-light .growth-path{\r\n  fill:none;\r\n  stroke:var(--blue);\r\n  stroke-width:5;\r\n  stroke-linecap:round;\r\n  stroke-linejoin:round;\r\n  pointer-events:none;\r\n\r\n  stroke-dasharray:900;\r\n  stroke-dashoffset:0;\r\n}\r\n\r\n.obx-light .growth-hit-path{\r\n  fill:none;\r\n  stroke:transparent;\r\n  stroke-width:44;\r\n  stroke-linecap:round;\r\n  stroke-linejoin:round;\r\n  cursor:pointer;\r\n  pointer-events:stroke;\r\n}\r\n\r\n\r\n\/* =========================\r\n   STAGE MARKERS\r\n========================= *\/\r\n\r\n.obx-light .growth-stage-point{\r\n  fill:#ffffff;\r\n  stroke:rgba(47,125,246,.75);\r\n  stroke-width:2.5;\r\n  pointer-events:none;\r\n\r\n  transition:\r\n    opacity .25s ease,\r\n    r .25s ease,\r\n    fill .25s ease,\r\n    stroke .25s ease;\r\n}\r\n\r\n.obx-light .growth-stage-point.is-active{\r\n  fill:var(--blue);\r\n  stroke:#ffffff;\r\n  stroke-width:3;\r\n}\r\n\r\n.obx-light .growth-stage-hit{\r\n  fill:transparent;\r\n  cursor:pointer;\r\n}\r\n\r\n\r\n\/* =========================\r\n   PREMIUM SLIDER\r\n========================= *\/\r\n\r\n.obx-light .growth-slider-shadow{\r\n  fill:rgba(0,0,0,.09);\r\n  pointer-events:none;\r\n  filter:blur(3px);\r\n}\r\n\r\n.obx-light .growth-slider-ring{\r\n  fill:rgba(255,255,255,.96);\r\n  stroke:rgba(255,197,27,.32);\r\n  stroke-width:6;\r\n  pointer-events:none;\r\n}\r\n\r\n.obx-light .growth-dot{\r\n  fill:var(--yellow);\r\n  stroke:#ffffff;\r\n  stroke-width:4;\r\n  pointer-events:none;\r\n\r\n  filter:\r\n    drop-shadow(0 5px 8px rgba(0,0,0,.14));\r\n}\r\n\r\n.obx-light .growth-dot-shine{\r\n  fill:rgba(255,255,255,.72);\r\n  pointer-events:none;\r\n}\r\n\r\n\r\n\/* =========================\r\n   PULSING RINGS\r\n========================= *\/\r\n\r\n.obx-light .growth-pulse-ring{\r\n  fill:none;\r\n  stroke:rgba(255,197,27,.75);\r\n  stroke-width:3;\r\n  pointer-events:none;\r\n\r\n  transform-box:fill-box;\r\n  transform-origin:center;\r\n\r\n  animation:\r\n    obxGrowthPulseRing\r\n    1.7s\r\n    cubic-bezier(.22,1,.36,1)\r\n    infinite;\r\n}\r\n\r\n.obx-light .growth-pulse-ring-two{\r\n  animation-delay:.55s;\r\n}\r\n\r\n@keyframes obxGrowthPulseRing{\r\n  0%{\r\n    transform:scale(.55);\r\n    opacity:.9;\r\n    stroke-width:4;\r\n  }\r\n\r\n  70%{\r\n    opacity:.22;\r\n  }\r\n\r\n  100%{\r\n    transform:scale(2.15);\r\n    opacity:0;\r\n    stroke-width:1;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================\r\n   DOT IDLE BREATHING\r\n========================= *\/\r\n\r\n.obx-light .growth-slider-group:not(.interaction-started) .growth-dot{\r\n  animation:\r\n    obxGrowthDotBreath\r\n    1.65s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n@keyframes obxGrowthDotBreath{\r\n  0%,\r\n  100%{\r\n    filter:\r\n      drop-shadow(0 5px 8px rgba(0,0,0,.14))\r\n      drop-shadow(0 0 0 rgba(255,197,27,0));\r\n  }\r\n\r\n  50%{\r\n    filter:\r\n      drop-shadow(0 5px 8px rgba(0,0,0,.14))\r\n      drop-shadow(0 0 10px rgba(255,197,27,.55));\r\n  }\r\n}\r\n\r\n\r\n\/* =========================\r\n   INTERACTION BUBBLE\r\n========================= *\/\r\n\r\n.obx-light .growth-interaction-bubble{\r\n  position:absolute;\r\n  left:0;\r\n  top:0;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  gap:8px;\r\n\r\n  padding:9px 12px;\r\n\r\n  background:#080808;\r\n  color:#ffffff;\r\n\r\n  border-radius:9px;\r\n\r\n  font-size:9px;\r\n  line-height:1;\r\n  font-weight:800;\r\n  letter-spacing:.08em;\r\n  text-transform:uppercase;\r\n  white-space:nowrap;\r\n\r\n  pointer-events:none;\r\n\r\n  opacity:1;\r\n\r\n  transform:\r\n    translate(-50%,-165%)\r\n    translateY(-4px);\r\n\r\n  z-index:20;\r\n\r\n  box-shadow:\r\n    0 10px 28px rgba(0,0,0,.16);\r\n\r\n  transition:\r\n    opacity .28s ease,\r\n    transform .28s cubic-bezier(.22,1,.36,1),\r\n    visibility .28s ease;\r\n}\r\n\r\n.obx-light .growth-interaction-bubble:after{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:50%;\r\n  bottom:-5px;\r\n\r\n  width:10px;\r\n  height:10px;\r\n\r\n  background:#080808;\r\n\r\n  transform:\r\n    translateX(-50%)\r\n    rotate(45deg);\r\n\r\n  border-radius:1px;\r\n}\r\n\r\n.obx-light .growth-interaction-bubble-icon{\r\n  position:relative;\r\n  width:8px;\r\n  height:8px;\r\n  flex:0 0 8px;\r\n  border-radius:50%;\r\n  background:var(--yellow);\r\n}\r\n\r\n.obx-light .growth-interaction-bubble-icon:after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:-4px;\r\n  border:1px solid rgba(255,197,27,.6);\r\n  border-radius:50%;\r\n\r\n  animation:\r\n    obxBubbleMiniPulse\r\n    1.6s\r\n    ease-out\r\n    infinite;\r\n}\r\n\r\n@keyframes obxBubbleMiniPulse{\r\n  from{\r\n    transform:scale(.6);\r\n    opacity:.9;\r\n  }\r\n\r\n  to{\r\n    transform:scale(1.5);\r\n    opacity:0;\r\n  }\r\n}\r\n\r\n.obx-light .growth-interaction-bubble.is-hidden{\r\n  opacity:0;\r\n  visibility:hidden;\r\n\r\n  transform:\r\n    translate(-50%,-155%)\r\n    translateY(2px)\r\n    scale(.96);\r\n}\r\n\r\n\r\n\/* =========================\r\n   DRAG LABEL\r\n========================= *\/\r\n\r\n.obx-light .growth-drag-label{\r\n  position:absolute;\r\n  left:0;\r\n  top:0;\r\n\r\n  padding:6px 9px;\r\n\r\n  background:#080808;\r\n  color:#fff;\r\n\r\n  border-radius:7px;\r\n\r\n  font-size:8px;\r\n  line-height:1;\r\n  font-weight:800;\r\n  letter-spacing:.08em;\r\n  text-transform:uppercase;\r\n\r\n  pointer-events:none;\r\n\r\n  opacity:0;\r\n  transform:translate(-50%,-135%) scale(.94);\r\n\r\n  transition:\r\n    opacity .18s ease,\r\n    transform .18s ease;\r\n\r\n  z-index:8;\r\n\r\n  white-space:nowrap;\r\n\r\n  box-shadow:0 6px 18px rgba(0,0,0,.14);\r\n}\r\n\r\n.obx-light .growth-chart.is-dragging + .growth-drag-label{\r\n  opacity:1;\r\n}\r\n\r\n\r\n\/* =========================\r\n   LABELS\r\n========================= *\/\r\n\r\n.obx-light .growth-labels{\r\n  display:grid;\r\n  grid-template-columns:repeat(4,1fr);\r\n  gap:6px;\r\n  margin-top:18px;\r\n}\r\n\r\n.obx-light .growth-label{\r\n  appearance:none;\r\n  -webkit-appearance:none;\r\n\r\n  position:relative;\r\n\r\n  border:0;\r\n  background:transparent;\r\n\r\n  padding:8px 4px 10px;\r\n  margin:0;\r\n\r\n  color:#8a8a8e;\r\n\r\n  font-family:Poppins,Arial,sans-serif;\r\n  font-size:10px;\r\n  line-height:1.25;\r\n  font-weight:500;\r\n\r\n  text-align:center;\r\n  cursor:pointer;\r\n\r\n  border-radius:8px;\r\n\r\n  transition:\r\n    color .25s ease,\r\n    background .25s ease;\r\n}\r\n\r\n.obx-light .growth-label:after{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:50%;\r\n  bottom:2px;\r\n\r\n  width:0;\r\n  height:2px;\r\n\r\n  border-radius:99px;\r\n\r\n  background:var(--blue);\r\n\r\n  transform:translateX(-50%);\r\n\r\n  transition:width .28s cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n.obx-light .growth-label:hover{\r\n  color:#080808;\r\n  background:rgba(255,255,255,.55);\r\n}\r\n\r\n.obx-light .growth-label.is-active{\r\n  color:#080808;\r\n  font-weight:800;\r\n  background:transparent;\r\n}\r\n\r\n.obx-light .growth-label.is-active:after{\r\n  width:26px;\r\n}\r\n\r\n.obx-light .growth-label:focus-visible{\r\n  outline:2px solid var(--blue);\r\n  outline-offset:2px;\r\n}\r\n\r\n\r\n\/* =========================\r\n   ANIMACIJE\r\n========================= *\/\r\n\r\n@keyframes obxLightFadeUp{\r\n  from{\r\n    opacity:0;\r\n    transform:translateY(18px);\r\n  }\r\n\r\n  to{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes obxLightCardIn{\r\n  from{\r\n    opacity:0;\r\n    transform:translateY(28px);\r\n  }\r\n\r\n  to{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes obxLightCheckIn{\r\n  from{\r\n    opacity:0;\r\n    transform:translateX(-18px);\r\n  }\r\n\r\n  to{\r\n    opacity:1;\r\n    transform:translateX(0);\r\n  }\r\n}\r\n\r\n@keyframes obxLightDrawGraph{\r\n  from{\r\n    stroke-dashoffset:900;\r\n  }\r\n\r\n  to{\r\n    stroke-dashoffset:0;\r\n  }\r\n}\r\n\r\n@keyframes obxLightLabelIn{\r\n  from{\r\n    opacity:0;\r\n    transform:translateY(8px);\r\n  }\r\n\r\n  to{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n  }\r\n}\r\n\r\n\r\n\/* =========================\r\n   SCROLL INITIAL STATE\r\n========================= *\/\r\n\r\n.obx-light.obx-scroll-ready .growth-eyebrow,\r\n.obx-light.obx-scroll-ready .growth-title,\r\n.obx-light.obx-scroll-ready .growth-copy,\r\n.obx-light.obx-scroll-ready .growth-final,\r\n.obx-light.obx-scroll-ready .growth-button{\r\n  opacity:0;\r\n  transform:translateY(18px);\r\n}\r\n\r\n.obx-light.obx-scroll-ready .growth-card{\r\n  opacity:0;\r\n  transform:translateY(28px);\r\n}\r\n\r\n.obx-light.obx-scroll-ready .check{\r\n  opacity:0;\r\n  transform:translateX(-18px);\r\n}\r\n\r\n.obx-light.obx-scroll-ready .growth-path{\r\n  stroke-dashoffset:900;\r\n}\r\n\r\n.obx-light.obx-scroll-ready .growth-labels{\r\n  opacity:0;\r\n  transform:translateY(8px);\r\n}\r\n\r\n\r\n\/* =========================\r\n   SCROLL ANIMATION\r\n========================= *\/\r\n\r\n.obx-light.obx-scroll-ready.obx-visible .growth-eyebrow{\r\n  animation:\r\n    obxLightFadeUp\r\n    .58s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .05s\r\n    forwards;\r\n}\r\n\r\n.obx-light.obx-scroll-ready.obx-visible .growth-title{\r\n  animation:\r\n    obxLightFadeUp\r\n    .68s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .14s\r\n    forwards;\r\n}\r\n\r\n.obx-light.obx-scroll-ready.obx-visible .growth-copy{\r\n  animation:\r\n    obxLightFadeUp\r\n    .66s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .30s\r\n    forwards;\r\n}\r\n\r\n.obx-light.obx-scroll-ready.obx-visible .check:nth-child(1){\r\n  animation:\r\n    obxLightCheckIn\r\n    .60s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .52s\r\n    forwards;\r\n}\r\n\r\n.obx-light.obx-scroll-ready.obx-visible .check:nth-child(2){\r\n  animation:\r\n    obxLightCheckIn\r\n    .60s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .68s\r\n    forwards;\r\n}\r\n\r\n.obx-light.obx-scroll-ready.obx-visible .check:nth-child(3){\r\n  animation:\r\n    obxLightCheckIn\r\n    .60s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .84s\r\n    forwards;\r\n}\r\n\r\n.obx-light.obx-scroll-ready.obx-visible .growth-final{\r\n  animation:\r\n    obxLightFadeUp\r\n    .62s\r\n    cubic-bezier(.22,1,.36,1)\r\n    1.00s\r\n    forwards;\r\n}\r\n\r\n.obx-light.obx-scroll-ready.obx-visible .growth-button{\r\n  animation:\r\n    obxLightFadeUp\r\n    .62s\r\n    cubic-bezier(.22,1,.36,1)\r\n    1.14s\r\n    forwards;\r\n}\r\n\r\n.obx-light.obx-scroll-ready.obx-visible .growth-card{\r\n  animation:\r\n    obxLightCardIn\r\n    .72s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .40s\r\n    forwards;\r\n}\r\n\r\n.obx-light.obx-scroll-ready.obx-visible .growth-path{\r\n  animation:\r\n    obxLightDrawGraph\r\n    1.25s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .72s\r\n    forwards;\r\n}\r\n\r\n.obx-light.obx-scroll-ready.obx-visible .growth-labels{\r\n  animation:\r\n    obxLightLabelIn\r\n    .58s\r\n    cubic-bezier(.22,1,.36,1)\r\n    1.18s\r\n    forwards;\r\n}\r\n\r\n\r\n\/* =========================\r\n   TABLET\r\n========================= *\/\r\n\r\n@media(max-width:900px){\r\n\r\n  .obx-light .grid2{\r\n    grid-template-columns:1fr;\r\n    gap:40px;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================\r\n   MOBILE\r\n========================= *\/\r\n\r\n@media(max-width:767px){\r\n\r\n  .obx-light .growth-section{\r\n    padding:52px 0;\r\n  }\r\n\r\n  .obx-light .eyebrow{\r\n    font-size:11px;\r\n    line-height:1.55;\r\n    margin-bottom:13px;\r\n  }\r\n\r\n  .obx-light .title{\r\n    font-size:clamp(40px,12vw,58px);\r\n  }\r\n\r\n  .obx-light .title-line{\r\n    line-height:1.05;\r\n  }\r\n\r\n  .obx-light .title-line-second{\r\n    padding-top:.11em;\r\n    margin-top:.02em;\r\n  }\r\n\r\n  .obx-light p{\r\n    font-size:15px;\r\n  }\r\n\r\n  .obx-light .growth-card{\r\n    min-height:475px;\r\n    padding:20px 16px;\r\n    border-radius:17px;\r\n  }\r\n\r\n  .obx-light .growth-card-top{\r\n    align-items:flex-start;\r\n    flex-direction:column;\r\n    gap:10px;\r\n  }\r\n\r\n  .obx-light .growth-card-label{\r\n    font-size:11px;\r\n  }\r\n\r\n  .obx-light .interactive-hint{\r\n    font-size:8px;\r\n    padding:7px 10px;\r\n    min-height:32px;\r\n  }\r\n\r\n  .obx-light .growth-info-wrap{\r\n    min-height:135px;\r\n    margin-top:17px;\r\n  }\r\n\r\n  .obx-light .growth-info{\r\n    min-height:121px;\r\n    padding:14px;\r\n    gap:11px;\r\n  }\r\n\r\n  .obx-light .growth-info-accent{\r\n    min-height:80px;\r\n  }\r\n\r\n  .obx-light .growth-info-title{\r\n    font-size:14px;\r\n  }\r\n\r\n  .obx-light .growth-info-text{\r\n    font-size:11px!important;\r\n    line-height:1.48!important;\r\n  }\r\n\r\n  .obx-light .growth-chart{\r\n    height:140px;\r\n  }\r\n\r\n  .obx-light .growth-labels{\r\n    gap:2px;\r\n    margin-top:15px;\r\n  }\r\n\r\n  .obx-light .growth-label{\r\n    font-size:9px;\r\n    padding:8px 1px 10px;\r\n  }\r\n\r\n  .obx-light .growth-interaction-bubble{\r\n    font-size:8px;\r\n    padding:8px 10px;\r\n\r\n    transform:\r\n      translate(-28%,-170%)\r\n      translateY(-3px);\r\n  }\r\n\r\n  .obx-light .growth-interaction-bubble:after{\r\n    left:28%;\r\n  }\r\n\r\n\r\n  \/* hitrej\u0161i mobile timing za bolj odziven UX *\/\r\n\r\n  .obx-light.obx-scroll-ready.obx-visible .growth-eyebrow{\r\n    animation-delay:.06s;\r\n    animation-duration:.62s;\r\n  }\r\n\r\n  .obx-light.obx-scroll-ready.obx-visible .growth-title{\r\n    animation-delay:.15s;\r\n    animation-duration:.70s;\r\n  }\r\n\r\n  .obx-light.obx-scroll-ready.obx-visible .growth-copy{\r\n    animation-delay:.30s;\r\n    animation-duration:.68s;\r\n  }\r\n\r\n  .obx-light.obx-scroll-ready.obx-visible .check:nth-child(1){\r\n    animation-delay:.52s;\r\n    animation-duration:.62s;\r\n  }\r\n\r\n  .obx-light.obx-scroll-ready.obx-visible .check:nth-child(2){\r\n    animation-delay:.70s;\r\n    animation-duration:.62s;\r\n  }\r\n\r\n  .obx-light.obx-scroll-ready.obx-visible .check:nth-child(3){\r\n    animation-delay:.88s;\r\n    animation-duration:.62s;\r\n  }\r\n\r\n  .obx-light.obx-scroll-ready.obx-visible .growth-final{\r\n    animation-delay:1.06s;\r\n    animation-duration:.66s;\r\n  }\r\n\r\n  .obx-light.obx-scroll-ready.obx-visible .growth-button{\r\n    animation-delay:1.22s;\r\n    animation-duration:.66s;\r\n  }\r\n\r\n  .obx-light.obx-scroll-ready.obx-visible .growth-card{\r\n    animation-delay:.48s;\r\n    animation-duration:.74s;\r\n  }\r\n\r\n  .obx-light.obx-scroll-ready.obx-visible .growth-path{\r\n    animation-delay:.82s;\r\n    animation-duration:1.35s;\r\n  }\r\n\r\n  .obx-light.obx-scroll-ready.obx-visible .growth-labels{\r\n    animation-delay:1.28s;\r\n    animation-duration:.60s;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================\r\n   SMALL MOBILE\r\n========================= *\/\r\n\r\n@media(max-width:390px){\r\n\r\n  .obx-light .title{\r\n    font-size:clamp(37px,11.5vw,50px);\r\n  }\r\n\r\n  .obx-light .title-line-second{\r\n    padding-top:.12em;\r\n  }\r\n\r\n  .obx-light .growth-section{\r\n    padding:46px 0;\r\n  }\r\n\r\n  .obx-light .growth-card{\r\n    padding:18px 14px;\r\n  }\r\n\r\n  .obx-light .growth-info{\r\n    padding:13px;\r\n  }\r\n\r\n  .obx-light .growth-interaction-bubble{\r\n    font-size:7.5px;\r\n    letter-spacing:.06em;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================\r\n   INTERACTION COMPLETED\r\n========================= *\/\r\n\r\n.obx-light .growth-slider-group.interaction-started .growth-pulse-ring{\r\n  animation:none;\r\n  opacity:0;\r\n}\r\n\r\n.obx-light .growth-slider-group.interaction-started .growth-dot{\r\n  animation:none;\r\n}\r\n\r\n\r\n\/* =========================\r\n   REDUCED MOTION\r\n========================= *\/\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  .obx-light.obx-scroll-ready .growth-eyebrow,\r\n  .obx-light.obx-scroll-ready .growth-title,\r\n  .obx-light.obx-scroll-ready .growth-copy,\r\n  .obx-light.obx-scroll-ready .growth-final,\r\n  .obx-light.obx-scroll-ready .growth-button,\r\n  .obx-light.obx-scroll-ready .growth-card,\r\n  .obx-light.obx-scroll-ready .check,\r\n  .obx-light.obx-scroll-ready .growth-labels{\r\n    opacity:1;\r\n    transform:none;\r\n    animation:none!important;\r\n  }\r\n\r\n  .obx-light.obx-scroll-ready .growth-path{\r\n    stroke-dashoffset:0;\r\n    animation:none!important;\r\n  }\r\n\r\n  .obx-light .interactive-hint-icon:after,\r\n  .obx-light .growth-pulse-ring,\r\n  .obx-light .growth-dot,\r\n  .obx-light .growth-interaction-bubble-icon:after{\r\n    animation:none!important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n\r\n<section\r\n  class=\"obx-light\"\r\n  data-obx-scroll-light\r\n  aria-label=\"Optimizacija in rast sistema\"\r\n>\r\n\r\n  <div class=\"grid2 growth-section\">\r\n\r\n    <div class=\"growth-content\">\r\n\r\n      <div class=\"eyebrow growth-eyebrow\">\r\n        In ko najdemo, kaj deluje?\r\n      <\/div>\r\n\r\n      <h2 class=\"title growth-title\">\r\n\r\n        <span class=\"title-line\">\r\n          To\r\n        <\/span>\r\n\r\n        <span class=\"title-line title-line-second title-blue\">\r\n          pove\u010dujemo.\r\n        <\/span>\r\n\r\n      <\/h2>\r\n\r\n\r\n      <div class=\"growth-copy\">\r\n\r\n        <p style=\"margin-top:22px\">\r\n          Vzpostavitev sistema je \u0161ele za\u010detek. Spremljamo, kateri oglasi prina\u0161ajo povpra\u0161evanja, katere ideje delujejo in kje obiskovalci odnehajo.\r\n        <\/p>\r\n\r\n        <p style=\"margin-top:12px\">\r\n          Nato izbolj\u0161ujemo oglase, kreative in prodajno stran.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"growth-checks\">\r\n\r\n        <div class=\"check\">\r\n          <strong>Ve\u010d podatkov.<\/strong>\r\n        <\/div>\r\n\r\n        <div class=\"check\">\r\n          <strong>Bolj\u0161e odlo\u010ditve.<\/strong>\r\n        <\/div>\r\n\r\n        <div class=\"check\">\r\n          <strong>Ve\u010d prilo\u017enosti za rast.<\/strong>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <p class=\"growth-final\" style=\"margin-top:18px\">\r\n        Za rast podjetja morda ne potrebujete nove spletne strani.<br>\r\n        <strong>\r\n          Potrebujete bolj\u0161i na\u010din, kako uporabiti tisto, ki jo \u017ee imate.\r\n        <\/strong>\r\n      <\/p>\r\n\r\n\r\n      <div class=\"growth-button\">\r\n\r\n        <a class=\"btn blue\" href=\"\/sl\/#form\">\r\n          \u017delim ve\u010d povpra\u0161evanj \u2192\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"growth-card\">\r\n\r\n      <div class=\"growth-card-top\">\r\n\r\n        <div class=\"growth-card-label\">\r\n          Rast sistema\r\n        <\/div>\r\n\r\n        <div class=\"interactive-hint\">\r\n          <span class=\"interactive-hint-icon\"><\/span>\r\n          Interaktivni prikaz\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"growth-info-wrap\">\r\n\r\n        <div\r\n          class=\"growth-info\"\r\n          aria-live=\"polite\"\r\n        >\r\n\r\n          <div class=\"growth-info-accent\"><\/div>\r\n\r\n          <div class=\"growth-info-content\">\r\n\r\n            <div class=\"growth-info-step\">\r\n\r\n              <span class=\"growth-info-number\">\r\n                01\r\n              <\/span>\r\n\r\n              <span class=\"growth-info-divider\"><\/span>\r\n\r\n              <span class=\"growth-info-stage\">\r\n                Test\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"growth-info-title\">\r\n              Testiramo razli\u010dne ideje.\r\n            <\/div>\r\n\r\n            <p class=\"growth-info-text\">\r\n              Preverimo, kateri oglasi, kreative in marketin\u0161ki pristopi pritegnejo prave potencialne stranke.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"growth-graph-area\">\r\n\r\n        <div\r\n          class=\"growth-chart\"\r\n          role=\"application\"\r\n          aria-label=\"Interaktivni graf rasti sistema. Povlecite po grafu ali izberite eno od \u0161tirih stopenj.\"\r\n        >\r\n\r\n          <svg\r\n            viewBox=\"0 0 600 180\"\r\n            preserveAspectRatio=\"none\"\r\n            aria-hidden=\"true\"\r\n          >\r\n\r\n            <path\r\n              class=\"growth-path-glow\"\r\n              d=\"M0 150 C70 145 90 110 150 120 S240 85 300 92 S390 62 440 70 S520 25 600 20\"\r\n            \/>\r\n\r\n            <path\r\n              class=\"growth-path\"\r\n              d=\"M0 150 C70 145 90 110 150 120 S240 85 300 92 S390 62 440 70 S520 25 600 20\"\r\n            \/>\r\n\r\n            <path\r\n              class=\"growth-hit-path\"\r\n              d=\"M0 150 C70 145 90 110 150 120 S240 85 300 92 S390 62 440 70 S520 25 600 20\"\r\n            \/>\r\n\r\n\r\n            <!-- 4 stopnje -->\r\n\r\n            <ellipse\r\n              class=\"growth-stage-point\"\r\n              data-stage=\"0\"\r\n              cx=\"35\"\r\n              cy=\"143\"\r\n              rx=\"6\"\r\n              ry=\"6\"\r\n            \/>\r\n\r\n            <ellipse\r\n              class=\"growth-stage-hit\"\r\n              data-stage=\"0\"\r\n              cx=\"35\"\r\n              cy=\"143\"\r\n              rx=\"24\"\r\n              ry=\"24\"\r\n            \/>\r\n\r\n\r\n            <ellipse\r\n              class=\"growth-stage-point\"\r\n              data-stage=\"1\"\r\n              cx=\"205\"\r\n              cy=\"102\"\r\n              rx=\"6\"\r\n              ry=\"6\"\r\n            \/>\r\n\r\n            <ellipse\r\n              class=\"growth-stage-hit\"\r\n              data-stage=\"1\"\r\n              cx=\"205\"\r\n              cy=\"102\"\r\n              rx=\"24\"\r\n              ry=\"24\"\r\n            \/>\r\n\r\n\r\n            <ellipse\r\n              class=\"growth-stage-point\"\r\n              data-stage=\"2\"\r\n              cx=\"400\"\r\n              cy=\"68\"\r\n              rx=\"6\"\r\n              ry=\"6\"\r\n            \/>\r\n\r\n            <ellipse\r\n              class=\"growth-stage-hit\"\r\n              data-stage=\"2\"\r\n              cx=\"400\"\r\n              cy=\"68\"\r\n              rx=\"24\"\r\n              ry=\"24\"\r\n            \/>\r\n\r\n\r\n            <ellipse\r\n              class=\"growth-stage-point\"\r\n              data-stage=\"3\"\r\n              cx=\"575\"\r\n              cy=\"25\"\r\n              rx=\"6\"\r\n              ry=\"6\"\r\n            \/>\r\n\r\n            <ellipse\r\n              class=\"growth-stage-hit\"\r\n              data-stage=\"3\"\r\n              cx=\"575\"\r\n              cy=\"25\"\r\n              rx=\"24\"\r\n              ry=\"24\"\r\n            \/>\r\n\r\n\r\n            <!--\r\n              Celoten slider je v skupini.\r\n              Dokler uporabnik ne interagira:\r\n              - rumeni krogec utripa\r\n              - okoli njega se \u0161irita dva subtilna ringa\r\n            -->\r\n\r\n            <g class=\"growth-slider-group\">\r\n\r\n              <ellipse\r\n                class=\"growth-pulse-ring\"\r\n                cx=\"35\"\r\n                cy=\"143\"\r\n                rx=\"12\"\r\n                ry=\"12\"\r\n              \/>\r\n\r\n              <ellipse\r\n                class=\"growth-pulse-ring growth-pulse-ring-two\"\r\n                cx=\"35\"\r\n                cy=\"143\"\r\n                rx=\"12\"\r\n                ry=\"12\"\r\n              \/>\r\n\r\n              <ellipse\r\n                class=\"growth-slider-shadow\"\r\n                cx=\"35\"\r\n                cy=\"147\"\r\n                rx=\"14\"\r\n                ry=\"14\"\r\n              \/>\r\n\r\n              <ellipse\r\n                class=\"growth-slider-ring\"\r\n                cx=\"35\"\r\n                cy=\"143\"\r\n                rx=\"15\"\r\n                ry=\"15\"\r\n              \/>\r\n\r\n              <ellipse\r\n                class=\"growth-dot\"\r\n                cx=\"35\"\r\n                cy=\"143\"\r\n                rx=\"10\"\r\n                ry=\"10\"\r\n              \/>\r\n\r\n              <ellipse\r\n                class=\"growth-dot-shine\"\r\n                cx=\"32\"\r\n                cy=\"140\"\r\n                rx=\"2.4\"\r\n                ry=\"2.4\"\r\n              \/>\r\n\r\n            <\/g>\r\n\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!--\r\n          Glavni onboarding obla\u010dek.\r\n          Prika\u017ee se nad rumenim krogcem.\r\n          Po prvi interakciji izgine za vedno\r\n          v trenutnem prikazu strani.\r\n        -->\r\n\r\n        <div class=\"growth-interaction-bubble\">\r\n          <span class=\"growth-interaction-bubble-icon\"><\/span>\r\n          Povleci me po grafu\r\n        <\/div>\r\n\r\n\r\n        <div class=\"growth-drag-label\">\r\n          Povleci\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div\r\n        class=\"growth-labels\"\r\n        aria-label=\"Stopnje rasti sistema\"\r\n      >\r\n\r\n        <button\r\n          type=\"button\"\r\n          class=\"growth-label is-active\"\r\n          data-stage=\"0\"\r\n        >\r\n          Test\r\n        <\/button>\r\n\r\n        <button\r\n          type=\"button\"\r\n          class=\"growth-label\"\r\n          data-stage=\"1\"\r\n        >\r\n          Podatki\r\n        <\/button>\r\n\r\n        <button\r\n          type=\"button\"\r\n          class=\"growth-label\"\r\n          data-stage=\"2\"\r\n        >\r\n          Optimizacija\r\n        <\/button>\r\n\r\n        <button\r\n          type=\"button\"\r\n          class=\"growth-label\"\r\n          data-stage=\"3\"\r\n        >\r\n          Rast\r\n        <\/button>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n  \/* =========================\r\n     SCROLL ANIMATION\r\n  ========================= *\/\r\n\r\n  function initObxLightScrollAnimations(){\r\n\r\n    var sections = document.querySelectorAll(\r\n      '[data-obx-scroll-light]'\r\n    );\r\n\r\n    if(!sections.length){\r\n      return;\r\n    }\r\n\r\n\r\n    sections.forEach(function(section){\r\n\r\n      if(section.dataset.obxLightInitialized === 'true'){\r\n        return;\r\n      }\r\n\r\n      section.dataset.obxLightInitialized = 'true';\r\n\r\n      section.classList.add(\r\n        'obx-scroll-ready'\r\n      );\r\n\r\n\r\n      if(!('IntersectionObserver' in window)){\r\n\r\n        section.classList.add(\r\n          'obx-visible'\r\n        );\r\n\r\n        return;\r\n      }\r\n\r\n\r\n      var isMobile = window.matchMedia(\r\n        '(max-width:767px)'\r\n      ).matches;\r\n\r\n\r\n      var observer = new IntersectionObserver(\r\n\r\n        function(entries){\r\n\r\n          entries.forEach(function(entry){\r\n\r\n            if(entry.isIntersecting){\r\n\r\n              entry.target.classList.add(\r\n                'obx-visible'\r\n              );\r\n\r\n              observer.unobserve(\r\n                entry.target\r\n              );\r\n\r\n            }\r\n\r\n          });\r\n\r\n        },\r\n\r\n        {\r\n          threshold:isMobile ? 0.14 : 0.15,\r\n\r\n          rootMargin:isMobile\r\n            ? '0px 0px -8% 0px'\r\n            : '0px 0px -5% 0px'\r\n        }\r\n\r\n      );\r\n\r\n\r\n      observer.observe(section);\r\n\r\n    });\r\n\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     INTERACTIVE GRAPH\r\n  ========================= *\/\r\n\r\n  function initObxInteractiveGrowth(){\r\n\r\n    var sections = document.querySelectorAll(\r\n      '[data-obx-scroll-light]'\r\n    );\r\n\r\n\r\n    sections.forEach(function(section){\r\n\r\n      if(section.dataset.obxGraphInitialized === 'true'){\r\n        return;\r\n      }\r\n\r\n\r\n      var chart =\r\n        section.querySelector('.growth-chart');\r\n\r\n      var svg =\r\n        section.querySelector('.growth-chart svg');\r\n\r\n      var path =\r\n        section.querySelector('.growth-path');\r\n\r\n\r\n      if(!chart || !svg || !path){\r\n        return;\r\n      }\r\n\r\n\r\n      section.dataset.obxGraphInitialized = 'true';\r\n\r\n\r\n      var dot =\r\n        section.querySelector('.growth-dot');\r\n\r\n      var sliderRing =\r\n        section.querySelector('.growth-slider-ring');\r\n\r\n      var sliderShadow =\r\n        section.querySelector('.growth-slider-shadow');\r\n\r\n      var sliderShine =\r\n        section.querySelector('.growth-dot-shine');\r\n\r\n      var sliderGroup =\r\n        section.querySelector('.growth-slider-group');\r\n\r\n      var pulseRings = Array.prototype.slice.call(\r\n        section.querySelectorAll('.growth-pulse-ring')\r\n      );\r\n\r\n\r\n      var interactionBubble =\r\n        section.querySelector('.growth-interaction-bubble');\r\n\r\n\r\n      var points = Array.prototype.slice.call(\r\n        section.querySelectorAll(\r\n          '.growth-stage-point'\r\n        )\r\n      );\r\n\r\n\r\n      var pointHits = Array.prototype.slice.call(\r\n        section.querySelectorAll(\r\n          '.growth-stage-hit'\r\n        )\r\n      );\r\n\r\n\r\n      var labels = Array.prototype.slice.call(\r\n        section.querySelectorAll(\r\n          '.growth-label'\r\n        )\r\n      );\r\n\r\n\r\n      var info =\r\n        section.querySelector('.growth-info');\r\n\r\n      var infoNumber =\r\n        section.querySelector('.growth-info-number');\r\n\r\n      var infoStage =\r\n        section.querySelector('.growth-info-stage');\r\n\r\n      var infoTitle =\r\n        section.querySelector('.growth-info-title');\r\n\r\n      var infoText =\r\n        section.querySelector('.growth-info-text');\r\n\r\n      var dragLabel =\r\n        section.querySelector('.growth-drag-label');\r\n\r\n      var graphArea =\r\n        section.querySelector('.growth-graph-area');\r\n\r\n\r\n      var stages = [\r\n\r\n        {\r\n          name:'Test',\r\n          title:'Testiramo razli\u010dne ideje.',\r\n          text:'Preverimo, kateri oglasi, kreative in marketin\u0161ki pristopi pritegnejo prave potencialne stranke.'\r\n        },\r\n\r\n        {\r\n          name:'Podatki',\r\n          title:'Merimo, kaj dejansko deluje.',\r\n          text:'Spremljamo odziv na oglase, obiske prodajne strani in povpra\u0161evanja, da odlo\u010ditve temeljijo na podatkih.'\r\n        },\r\n\r\n        {\r\n          name:'Optimizacija',\r\n          title:'Izbolj\u0161ujemo zmagovalne elemente.',\r\n          text:'Bolj\u0161e oglase, kreative in prodajno stran postopoma izbolj\u0161ujemo ter zmanj\u0161ujemo stvari, ki ne prina\u0161ajo rezultata.'\r\n        },\r\n\r\n        {\r\n          name:'Rast',\r\n          title:'Pove\u010dujemo tisto, kar deluje.',\r\n          text:'Ko sistem poka\u017ee stabilne signale, pove\u010dujemo uspe\u0161ne pristope in ustvarjamo ve\u010d prilo\u017enosti za kakovostna povpra\u0161evanja.'\r\n        }\r\n\r\n      ];\r\n\r\n\r\n      var stageProgress = [\r\n        0.055,\r\n        0.34,\r\n        0.67,\r\n        0.955\r\n      ];\r\n\r\n\r\n      var pathLength =\r\n        path.getTotalLength();\r\n\r\n      var activeStage = 0;\r\n\r\n      var dragging = false;\r\n\r\n      var infoTimer = null;\r\n\r\n      var userHasInteracted = false;\r\n\r\n\r\n      \/* =========================\r\n         FIRST INTERACTION\r\n      ========================= *\/\r\n\r\n      function markInteraction(){\r\n\r\n        if(userHasInteracted){\r\n          return;\r\n        }\r\n\r\n        userHasInteracted = true;\r\n\r\n\r\n        if(interactionBubble){\r\n\r\n          interactionBubble.classList.add(\r\n            'is-hidden'\r\n          );\r\n\r\n        }\r\n\r\n\r\n        if(sliderGroup){\r\n\r\n          sliderGroup.classList.add(\r\n            'interaction-started'\r\n          );\r\n\r\n        }\r\n\r\n      }\r\n\r\n\r\n      \/* =========================\r\n         CIRCLE POSITION\r\n      ========================= *\/\r\n\r\n      function setCirclePosition(\r\n        circle,\r\n        x,\r\n        y\r\n      ){\r\n\r\n        if(!circle){\r\n          return;\r\n        }\r\n\r\n        circle.setAttribute(\r\n          'cx',\r\n          x\r\n        );\r\n\r\n        circle.setAttribute(\r\n          'cy',\r\n          y\r\n        );\r\n\r\n      }\r\n\r\n\r\n      \/* =========================\r\n         KEEP SVG MARKERS ROUND\r\n         preserveAspectRatio=\"none\" raztegne koordinatni sistem,\r\n         zato rx dinami\u010dno kompenziramo glede na dejanski prikaz SVG-ja.\r\n      ========================= *\/\r\n\r\n      function keepGraphMarkersRound(){\r\n\r\n        var rect = svg.getBoundingClientRect();\r\n\r\n        if(!rect.width || !rect.height){\r\n          return;\r\n        }\r\n\r\n        var scaleX = rect.width \/ 600;\r\n        var scaleY = rect.height \/ 180;\r\n        var correction = scaleY \/ scaleX;\r\n\r\n        var roundMarkers = svg.querySelectorAll(\r\n          '.growth-stage-point, .growth-stage-hit, .growth-pulse-ring, .growth-slider-shadow, .growth-slider-ring, .growth-dot, .growth-dot-shine'\r\n        );\r\n\r\n        roundMarkers.forEach(function(marker){\r\n\r\n          var baseRadius = parseFloat(marker.getAttribute('data-radius'));\r\n\r\n          if(!baseRadius){\r\n            baseRadius = parseFloat(marker.getAttribute('ry')) || 1;\r\n            marker.setAttribute('data-radius', baseRadius);\r\n          }\r\n\r\n          marker.setAttribute('ry', baseRadius);\r\n          marker.setAttribute('rx', baseRadius * correction);\r\n\r\n        });\r\n\r\n      }\r\n\r\n\r\n      \/* =========================\r\n         SLIDER POSITION\r\n      ========================= *\/\r\n\r\n      function setSliderPosition(\r\n        x,\r\n        y\r\n      ){\r\n\r\n        setCirclePosition(\r\n          dot,\r\n          x,\r\n          y\r\n        );\r\n\r\n        setCirclePosition(\r\n          sliderRing,\r\n          x,\r\n          y\r\n        );\r\n\r\n        setCirclePosition(\r\n          sliderShadow,\r\n          x,\r\n          y + 4\r\n        );\r\n\r\n        setCirclePosition(\r\n          sliderShine,\r\n          x - 3,\r\n          y - 3\r\n        );\r\n\r\n\r\n        pulseRings.forEach(\r\n          function(ring){\r\n\r\n            setCirclePosition(\r\n              ring,\r\n              x,\r\n              y\r\n            );\r\n\r\n          }\r\n        );\r\n\r\n\r\n        \/*\r\n          Pozicija obla\u010dka vedno sledi\r\n          rumenemu krogcu.\r\n        *\/\r\n\r\n        if(graphArea){\r\n\r\n          var svgRect =\r\n            svg.getBoundingClientRect();\r\n\r\n          var areaRect =\r\n            graphArea.getBoundingClientRect();\r\n\r\n\r\n          var pixelX =\r\n            (\r\n              x \/ 600\r\n            ) * svgRect.width +\r\n            svgRect.left -\r\n            areaRect.left;\r\n\r\n\r\n          var pixelY =\r\n            (\r\n              y \/ 180\r\n            ) * svgRect.height +\r\n            svgRect.top -\r\n            areaRect.top;\r\n\r\n\r\n          if(dragLabel){\r\n\r\n            dragLabel.style.left =\r\n              pixelX + 'px';\r\n\r\n            dragLabel.style.top =\r\n              pixelY + 'px';\r\n\r\n          }\r\n\r\n\r\n          if(interactionBubble){\r\n\r\n            interactionBubble.style.left =\r\n              pixelX + 'px';\r\n\r\n            interactionBubble.style.top =\r\n              pixelY + 'px';\r\n\r\n          }\r\n\r\n        }\r\n\r\n      }\r\n\r\n\r\n      \/* =========================\r\n         STAGE POINT\r\n      ========================= *\/\r\n\r\n      function getStagePoint(index){\r\n\r\n        var progress =\r\n          stageProgress[index];\r\n\r\n        return path.getPointAtLength(\r\n          pathLength * progress\r\n        );\r\n\r\n      }\r\n\r\n\r\n      \/* =========================\r\n         PLACE STAGE POINTS\r\n      ========================= *\/\r\n\r\n      stageProgress.forEach(\r\n        function(progress,index){\r\n\r\n          var point =\r\n            getStagePoint(index);\r\n\r\n\r\n          if(points[index]){\r\n\r\n            points[index].setAttribute(\r\n              'cx',\r\n              point.x\r\n            );\r\n\r\n            points[index].setAttribute(\r\n              'cy',\r\n              point.y\r\n            );\r\n\r\n          }\r\n\r\n\r\n          if(pointHits[index]){\r\n\r\n            pointHits[index].setAttribute(\r\n              'cx',\r\n              point.x\r\n            );\r\n\r\n            pointHits[index].setAttribute(\r\n              'cy',\r\n              point.y\r\n            );\r\n\r\n          }\r\n\r\n        }\r\n      );\r\n\r\n\r\n      \/* =========================\r\n         INFO\r\n      ========================= *\/\r\n\r\n      function updateInfo(index){\r\n\r\n        var stage =\r\n          stages[index];\r\n\r\n\r\n        if(!info){\r\n          return;\r\n        }\r\n\r\n\r\n        info.classList.add(\r\n          'is-changing'\r\n        );\r\n\r\n\r\n        clearTimeout(\r\n          infoTimer\r\n        );\r\n\r\n\r\n        infoTimer = setTimeout(\r\n          function(){\r\n\r\n            infoNumber.textContent =\r\n              '0' + (index + 1);\r\n\r\n            infoStage.textContent =\r\n              stage.name;\r\n\r\n            infoTitle.textContent =\r\n              stage.title;\r\n\r\n            infoText.textContent =\r\n              stage.text;\r\n\r\n\r\n            info.classList.remove(\r\n              'is-changing'\r\n            );\r\n\r\n          },\r\n          120\r\n        );\r\n\r\n      }\r\n\r\n\r\n      \/* =========================\r\n         ACTIVE STATES\r\n      ========================= *\/\r\n\r\n      function updateActiveStates(index){\r\n\r\n        points.forEach(\r\n          function(point,i){\r\n\r\n            point.classList.toggle(\r\n              'is-active',\r\n              i === index\r\n            );\r\n\r\n          }\r\n        );\r\n\r\n\r\n        labels.forEach(\r\n          function(label,i){\r\n\r\n            label.classList.toggle(\r\n              'is-active',\r\n              i === index\r\n            );\r\n\r\n            label.setAttribute(\r\n              'aria-pressed',\r\n              i === index\r\n                ? 'true'\r\n                : 'false'\r\n            );\r\n\r\n          }\r\n        );\r\n\r\n      }\r\n\r\n\r\n      \/* =========================\r\n         MOVE TO STAGE\r\n      ========================= *\/\r\n\r\n      function moveDotToStage(\r\n        index,\r\n        animate\r\n      ){\r\n\r\n        index = Math.max(\r\n          0,\r\n          Math.min(\r\n            stages.length - 1,\r\n            index\r\n          )\r\n        );\r\n\r\n\r\n        activeStage =\r\n          index;\r\n\r\n\r\n        var point =\r\n          getStagePoint(index);\r\n\r\n\r\n        if(animate){\r\n\r\n          var startX =\r\n            parseFloat(\r\n              dot.getAttribute('cx')\r\n            );\r\n\r\n          var startY =\r\n            parseFloat(\r\n              dot.getAttribute('cy')\r\n            );\r\n\r\n\r\n          var startTime =\r\n            performance.now();\r\n\r\n          var duration =\r\n            460;\r\n\r\n\r\n          function frame(now){\r\n\r\n            var progress =\r\n              Math.min(\r\n                (now - startTime) \/\r\n                duration,\r\n                1\r\n              );\r\n\r\n\r\n            var ease =\r\n              1 -\r\n              Math.pow(\r\n                1 - progress,\r\n                3\r\n              );\r\n\r\n\r\n            var x =\r\n              startX +\r\n              (\r\n                point.x - startX\r\n              ) * ease;\r\n\r\n\r\n            var y =\r\n              startY +\r\n              (\r\n                point.y - startY\r\n              ) * ease;\r\n\r\n\r\n            setSliderPosition(\r\n              x,\r\n              y\r\n            );\r\n\r\n\r\n            if(progress < 1){\r\n\r\n              requestAnimationFrame(\r\n                frame\r\n              );\r\n\r\n            }\r\n\r\n          }\r\n\r\n\r\n          requestAnimationFrame(\r\n            frame\r\n          );\r\n\r\n        }else{\r\n\r\n          setSliderPosition(\r\n            point.x,\r\n            point.y\r\n          );\r\n\r\n        }\r\n\r\n\r\n        updateActiveStates(\r\n          index\r\n        );\r\n\r\n        updateInfo(\r\n          index\r\n        );\r\n\r\n      }\r\n\r\n\r\n      \/* =========================\r\n         FIND POSITION ON PATH\r\n      ========================= *\/\r\n\r\n      function getClosestPathPosition(\r\n        clientX,\r\n        clientY\r\n      ){\r\n\r\n        var rect =\r\n          svg.getBoundingClientRect();\r\n\r\n\r\n        var svgX =\r\n          (\r\n            (clientX - rect.left) \/\r\n            rect.width\r\n          ) * 600;\r\n\r\n\r\n        var svgY =\r\n          (\r\n            (clientY - rect.top) \/\r\n            rect.height\r\n          ) * 180;\r\n\r\n\r\n        var bestLength =\r\n          0;\r\n\r\n        var bestDistance =\r\n          Infinity;\r\n\r\n        var samples =\r\n          140;\r\n\r\n\r\n        for(\r\n          var i = 0;\r\n          i <= samples;\r\n          i++\r\n        ){\r\n\r\n          var currentLength =\r\n            pathLength *\r\n            (\r\n              i \/ samples\r\n            );\r\n\r\n\r\n          var point =\r\n            path.getPointAtLength(\r\n              currentLength\r\n            );\r\n\r\n\r\n          var dx =\r\n            point.x - svgX;\r\n\r\n          var dy =\r\n            point.y - svgY;\r\n\r\n\r\n          var distance =\r\n            dx * dx +\r\n            dy * dy;\r\n\r\n\r\n          if(\r\n            distance <\r\n            bestDistance\r\n          ){\r\n\r\n            bestDistance =\r\n              distance;\r\n\r\n            bestLength =\r\n              currentLength;\r\n\r\n          }\r\n\r\n        }\r\n\r\n\r\n        var step =\r\n          pathLength \/\r\n          samples;\r\n\r\n\r\n        var start =\r\n          Math.max(\r\n            0,\r\n            bestLength - step\r\n          );\r\n\r\n\r\n        var end =\r\n          Math.min(\r\n            pathLength,\r\n            bestLength + step\r\n          );\r\n\r\n\r\n        for(\r\n          var length = start;\r\n          length <= end;\r\n          length += step \/ 14\r\n        ){\r\n\r\n          var finePoint =\r\n            path.getPointAtLength(\r\n              length\r\n            );\r\n\r\n\r\n          var fineDx =\r\n            finePoint.x -\r\n            svgX;\r\n\r\n\r\n          var fineDy =\r\n            finePoint.y -\r\n            svgY;\r\n\r\n\r\n          var fineDistance =\r\n            fineDx * fineDx +\r\n            fineDy * fineDy;\r\n\r\n\r\n          if(\r\n            fineDistance <\r\n            bestDistance\r\n          ){\r\n\r\n            bestDistance =\r\n              fineDistance;\r\n\r\n            bestLength =\r\n              length;\r\n\r\n          }\r\n\r\n        }\r\n\r\n\r\n        return {\r\n\r\n          length:\r\n            bestLength,\r\n\r\n          point:\r\n            path.getPointAtLength(\r\n              bestLength\r\n            ),\r\n\r\n          progress:\r\n            bestLength \/\r\n            pathLength\r\n\r\n        };\r\n\r\n      }\r\n\r\n\r\n      \/* =========================\r\n         NEAREST STAGE\r\n      ========================= *\/\r\n\r\n      function nearestStage(progress){\r\n\r\n        var nearest =\r\n          0;\r\n\r\n        var distance =\r\n          Infinity;\r\n\r\n\r\n        stageProgress.forEach(\r\n          function(\r\n            stageValue,\r\n            index\r\n          ){\r\n\r\n            var currentDistance =\r\n              Math.abs(\r\n                stageValue -\r\n                progress\r\n              );\r\n\r\n\r\n            if(\r\n              currentDistance <\r\n              distance\r\n            ){\r\n\r\n              distance =\r\n                currentDistance;\r\n\r\n              nearest =\r\n                index;\r\n\r\n            }\r\n\r\n          }\r\n        );\r\n\r\n\r\n        return nearest;\r\n\r\n      }\r\n\r\n\r\n      \/* =========================\r\n         POINTER MOVEMENT\r\n      ========================= *\/\r\n\r\n      function moveFromPointer(event){\r\n\r\n        var position =\r\n          getClosestPathPosition(\r\n            event.clientX,\r\n            event.clientY\r\n          );\r\n\r\n\r\n        setSliderPosition(\r\n          position.point.x,\r\n          position.point.y\r\n        );\r\n\r\n\r\n        var stage =\r\n          nearestStage(\r\n            position.progress\r\n          );\r\n\r\n\r\n        if(\r\n          stage !==\r\n          activeStage\r\n        ){\r\n\r\n          activeStage =\r\n            stage;\r\n\r\n          updateActiveStates(\r\n            stage\r\n          );\r\n\r\n          updateInfo(\r\n            stage\r\n          );\r\n\r\n        }\r\n\r\n      }\r\n\r\n\r\n      \/* =========================\r\n         DESKTOP:\r\n         PRVI HOVER = INTERAKCIJA\r\n      ========================= *\/\r\n\r\n      chart.addEventListener(\r\n        'pointerenter',\r\n        function(event){\r\n\r\n          if(event.pointerType === 'mouse'){\r\n\r\n            markInteraction();\r\n\r\n          }\r\n\r\n        }\r\n      );\r\n\r\n\r\n      \/* =========================\r\n         DESKTOP HOVER\r\n      ========================= *\/\r\n\r\n      chart.addEventListener(\r\n        'pointermove',\r\n        function(event){\r\n\r\n          if(\r\n            event.pointerType ===\r\n            'mouse'\r\n          ){\r\n\r\n            markInteraction();\r\n\r\n            moveFromPointer(\r\n              event\r\n            );\r\n\r\n          }else if(dragging){\r\n\r\n            moveFromPointer(\r\n              event\r\n            );\r\n\r\n          }\r\n\r\n        }\r\n      );\r\n\r\n\r\n      \/* =========================\r\n         TOUCH \/ CLICK START\r\n      ========================= *\/\r\n\r\n      chart.addEventListener(\r\n        'pointerdown',\r\n        function(event){\r\n\r\n          markInteraction();\r\n\r\n          dragging =\r\n            true;\r\n\r\n\r\n          chart.classList.add(\r\n            'is-dragging'\r\n          );\r\n\r\n\r\n          try{\r\n\r\n            chart.setPointerCapture(\r\n              event.pointerId\r\n            );\r\n\r\n          }catch(e){}\r\n\r\n\r\n          moveFromPointer(\r\n            event\r\n          );\r\n\r\n        }\r\n      );\r\n\r\n\r\n      \/* =========================\r\n         DRAG END\r\n      ========================= *\/\r\n\r\n      chart.addEventListener(\r\n        'pointerup',\r\n        function(event){\r\n\r\n          if(!dragging){\r\n            return;\r\n          }\r\n\r\n\r\n          dragging =\r\n            false;\r\n\r\n\r\n          chart.classList.remove(\r\n            'is-dragging'\r\n          );\r\n\r\n\r\n          var position =\r\n            getClosestPathPosition(\r\n              event.clientX,\r\n              event.clientY\r\n            );\r\n\r\n\r\n          var stage =\r\n            nearestStage(\r\n              position.progress\r\n            );\r\n\r\n\r\n          moveDotToStage(\r\n            stage,\r\n            true\r\n          );\r\n\r\n        }\r\n      );\r\n\r\n\r\n      chart.addEventListener(\r\n        'pointercancel',\r\n        function(){\r\n\r\n          dragging =\r\n            false;\r\n\r\n\r\n          chart.classList.remove(\r\n            'is-dragging'\r\n          );\r\n\r\n\r\n          moveDotToStage(\r\n            activeStage,\r\n            true\r\n          );\r\n\r\n        }\r\n      );\r\n\r\n\r\n      \/* =========================\r\n         STAGE POINT CLICK\r\n      ========================= *\/\r\n\r\n      pointHits.forEach(\r\n        function(hit){\r\n\r\n          hit.addEventListener(\r\n            'click',\r\n            function(){\r\n\r\n              markInteraction();\r\n\r\n\r\n              var index =\r\n                parseInt(\r\n                  hit.dataset.stage,\r\n                  10\r\n                );\r\n\r\n\r\n              moveDotToStage(\r\n                index,\r\n                true\r\n              );\r\n\r\n            }\r\n          );\r\n\r\n        }\r\n      );\r\n\r\n\r\n      \/* =========================\r\n         LABEL CLICK\r\n      ========================= *\/\r\n\r\n      labels.forEach(\r\n        function(label){\r\n\r\n          label.addEventListener(\r\n            'click',\r\n            function(){\r\n\r\n              markInteraction();\r\n\r\n\r\n              var index =\r\n                parseInt(\r\n                  label.dataset.stage,\r\n                  10\r\n                );\r\n\r\n\r\n              moveDotToStage(\r\n                index,\r\n                true\r\n              );\r\n\r\n            }\r\n          );\r\n\r\n        }\r\n      );\r\n\r\n\r\n      \/* =========================\r\n         START POSITION\r\n      ========================= *\/\r\n\r\n      keepGraphMarkersRound();\r\n\r\n\r\n      var firstPoint =\r\n        getStagePoint(0);\r\n\r\n\r\n      setSliderPosition(\r\n        firstPoint.x,\r\n        firstPoint.y\r\n      );\r\n\r\n\r\n      updateActiveStates(\r\n        0\r\n      );\r\n\r\n\r\n      var resizeTimer = null;\r\n\r\n      window.addEventListener('resize', function(){\r\n        clearTimeout(resizeTimer);\r\n        resizeTimer = setTimeout(function(){\r\n          keepGraphMarkersRound();\r\n          moveDotToStage(activeStage, false);\r\n        }, 80);\r\n      });\r\n\r\n    });\r\n\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     INIT\r\n  ========================= *\/\r\n\r\n  function initAllObxGrowth(){\r\n\r\n    initObxLightScrollAnimations();\r\n\r\n    initObxInteractiveGrowth();\r\n\r\n  }\r\n\r\n\r\n  if(\r\n    document.readyState ===\r\n    'loading'\r\n  ){\r\n\r\n    document.addEventListener(\r\n      'DOMContentLoaded',\r\n      initAllObxGrowth\r\n    );\r\n\r\n  }else{\r\n\r\n    initAllObxGrowth();\r\n\r\n  }\r\n\r\n\r\n  window.addEventListener(\r\n    'load',\r\n    initAllObxGrowth\r\n  );\r\n\r\n\r\n  if(window.jQuery){\r\n\r\n    window.jQuery(window).on(\r\n      'elementor\/frontend\/init',\r\n      function(){\r\n\r\n        setTimeout(\r\n          initAllObxGrowth,\r\n          100\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3986db6 e-flex e-con-boxed e-con e-parent\" data-id=\"3986db6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-25a9c74 elementor-widget elementor-widget-html\" data-id=\"25a9c74\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.obx-ideas{\r\n  --bg:#050505;\r\n  --card:#0d0d0f;\r\n  --card2:#111114;\r\n  --line:#242428;\r\n  --text:#f7f7f4;\r\n  --muted:#aaaab0;\r\n  --red:#ff3538;\r\n  --blue:#2f7df6;\r\n  --yellow:#ffc51b;\r\n\r\n  width:100%;\r\n  color:var(--text);\r\n  font-family:Poppins,Arial,sans-serif;\r\n  box-sizing:border-box;\r\n  overflow:visible;\r\n}\r\n\r\n.obx-ideas *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.obx-ideas h1,\r\n.obx-ideas h2,\r\n.obx-ideas h3,\r\n.obx-ideas .anton{\r\n  margin:0;\r\n  font-family:Anton,Impact,\"Arial Narrow\",sans-serif;\r\n  text-transform:uppercase;\r\n  letter-spacing:.01em;\r\n  overflow:visible;\r\n}\r\n\r\n.obx-ideas p{\r\n  margin:0;\r\n  color:var(--muted);\r\n  font-size:16px;\r\n  line-height:1.65;\r\n}\r\n\r\n.obx-ideas strong{\r\n  color:var(--text);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION\r\n========================================================= *\/\r\n\r\n.obx-ideas .ideas-section{\r\n  width:100%;\r\n  padding:82px 0;\r\n  overflow:visible;\r\n}\r\n\r\n.obx-ideas .ideas-head{\r\n  max-width:1050px;\r\n  margin:0 auto;\r\n  text-align:center;\r\n}\r\n\r\n.obx-ideas .eyebrow{\r\n  margin-bottom:16px;\r\n  color:#d8d8da;\r\n  font-size:12px;\r\n  line-height:1.5;\r\n  font-weight:700;\r\n  letter-spacing:.16em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN TITLE\r\n========================================================= *\/\r\n\r\n.obx-ideas .title{\r\n  max-width:1050px;\r\n  margin:0 auto;\r\n  font-family:Anton,Impact,\"Arial Narrow\",sans-serif;\r\n  font-size:clamp(38px,5vw,72px);\r\n  font-weight:400;\r\n  line-height:1;\r\n  letter-spacing:.01em;\r\n  text-transform:uppercase;\r\n  overflow:visible;\r\n}\r\n\r\n.obx-ideas .title-line{\r\n  display:block;\r\n  position:relative;\r\n  line-height:1.04;\r\n  overflow:visible;\r\n}\r\n\r\n.obx-ideas .title-line-second{\r\n  padding-top:.10em;\r\n  margin-top:.015em;\r\n}\r\n\r\n.obx-ideas .title-yellow{\r\n  color:var(--yellow);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PHILOSOPHY CARD\r\n========================================================= *\/\r\n\r\n.obx-ideas .philosophy-card{\r\n  position:relative;\r\n  max-width:820px;\r\n  margin:38px auto 0;\r\n  padding:34px 36px;\r\n\r\n  text-align:left;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 100% 0%,\r\n      rgba(47,125,246,.10),\r\n      transparent 34%\r\n    ),\r\n    linear-gradient(\r\n      180deg,\r\n      #111114 0%,\r\n      #09090b 100%\r\n    );\r\n\r\n  border:1px solid var(--line);\r\n  border-radius:18px;\r\n\r\n  overflow:hidden;\r\n\r\n  box-shadow:\r\n    0 24px 70px rgba(0,0,0,.22),\r\n    inset 0 1px 0 rgba(255,255,255,.025);\r\n}\r\n\r\n.obx-ideas .philosophy-card:before{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:0;\r\n  top:0;\r\n  width:100%;\r\n  height:2px;\r\n\r\n  background:linear-gradient(\r\n    90deg,\r\n    var(--red) 0 33.333%,\r\n    var(--blue) 33.333% 66.666%,\r\n    var(--yellow) 66.666% 100%\r\n  );\r\n}\r\n\r\n.obx-ideas .philosophy-number{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:9px;\r\n\r\n  margin-bottom:20px;\r\n\r\n  color:#77777d;\r\n\r\n  font-size:10px;\r\n  line-height:1;\r\n  font-weight:800;\r\n  letter-spacing:.14em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.obx-ideas .philosophy-number:before{\r\n  content:\"\";\r\n  width:7px;\r\n  height:7px;\r\n  flex:0 0 7px;\r\n  border-radius:50%;\r\n  background:var(--yellow);\r\n  box-shadow:0 0 0 5px rgba(255,197,27,.08);\r\n}\r\n\r\n.obx-ideas .philosophy-card p + p{\r\n  margin-top:14px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CASE STUDY INTRO\r\n========================================================= *\/\r\n\r\n.obx-ideas .case-bridge{\r\n  max-width:720px;\r\n  margin:66px auto 0;\r\n  text-align:center;\r\n}\r\n\r\n.obx-ideas .case-kicker{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:10px;\r\n\r\n  color:#8f8f94;\r\n\r\n  font-size:10px;\r\n  line-height:1;\r\n  font-weight:800;\r\n  letter-spacing:.15em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.obx-ideas .case-kicker:before,\r\n.obx-ideas .case-kicker:after{\r\n  content:\"\";\r\n  width:22px;\r\n  height:1px;\r\n  background:#3a3a3f;\r\n}\r\n\r\n.obx-ideas .case-bridge-title{\r\n  margin-top:15px;\r\n\r\n  font-family:Anton,Impact,\"Arial Narrow\",sans-serif;\r\n  font-size:clamp(27px,3.4vw,44px);\r\n  line-height:1.1;\r\n  text-transform:uppercase;\r\n  letter-spacing:.01em;\r\n\r\n  overflow:visible;\r\n}\r\n\r\n.obx-ideas .case-bridge p{\r\n  max-width:650px;\r\n  margin:14px auto 0;\r\n  font-size:14px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CASE GRID\r\n\r\n   POMEMBNO:\r\n   align-items:start prepre\u010di, da odprta kartica\r\n   raztegne drugi dve kartici.\r\n========================================================= *\/\r\n\r\n.obx-ideas .case-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,minmax(0,1fr));\r\n  align-items:start;\r\n  gap:18px;\r\n\r\n  width:100%;\r\n  max-width:1180px;\r\n  margin:36px auto 0;\r\n\r\n  overflow:visible;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CASE CARD\r\n========================================================= *\/\r\n\r\n.obx-ideas .case-card{\r\n  appearance:none;\r\n  -webkit-appearance:none;\r\n\r\n  position:relative;\r\n  display:block;\r\n\r\n  width:100%;\r\n  min-width:0;\r\n\r\n  padding:0;\r\n  margin:0;\r\n\r\n  color:var(--text);\r\n  text-align:left;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 100% 0%,\r\n      rgba(255,255,255,.025),\r\n      transparent 32%\r\n    ),\r\n    linear-gradient(\r\n      180deg,\r\n      #111114 0%,\r\n      #09090b 100%\r\n    );\r\n\r\n  border:1px solid var(--line);\r\n  border-radius:18px;\r\n\r\n  cursor:pointer;\r\n\r\n  font-family:Poppins,Arial,sans-serif;\r\n\r\n  overflow:hidden;\r\n\r\n  box-shadow:\r\n    0 18px 55px rgba(0,0,0,.18),\r\n    inset 0 1px 0 rgba(255,255,255,.025);\r\n\r\n  transition:\r\n    transform .45s cubic-bezier(.22,1,.36,1),\r\n    border-color .35s ease,\r\n    box-shadow .45s cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n.obx-ideas .case-card:hover{\r\n  transform:translateY(-5px);\r\n  border-color:#3a3a40;\r\n\r\n  box-shadow:\r\n    0 28px 70px rgba(0,0,0,.30),\r\n    inset 0 1px 0 rgba(255,255,255,.04);\r\n}\r\n\r\n.obx-ideas .case-card.is-open{\r\n  border-color:#3d3d43;\r\n\r\n  box-shadow:\r\n    0 32px 80px rgba(0,0,0,.34),\r\n    inset 0 1px 0 rgba(255,255,255,.04);\r\n}\r\n\r\n.obx-ideas .case-card:focus-visible{\r\n  outline:2px solid var(--blue);\r\n  outline-offset:4px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COLORED TOP LINE\r\n========================================================= *\/\r\n\r\n.obx-ideas .case-accent{\r\n  width:34%;\r\n  height:3px;\r\n\r\n  transform-origin:left center;\r\n\r\n  transition:\r\n    width .6s cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n.obx-ideas .case-card:hover .case-accent,\r\n.obx-ideas .case-card.is-open .case-accent{\r\n  width:100%;\r\n}\r\n\r\n.obx-ideas .case-card[data-color=\"blue\"] .case-accent{\r\n  background:var(--blue);\r\n}\r\n\r\n.obx-ideas .case-card[data-color=\"yellow\"] .case-accent{\r\n  background:var(--yellow);\r\n}\r\n\r\n.obx-ideas .case-card[data-color=\"red\"] .case-accent{\r\n  background:var(--red);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD HEADER\r\n========================================================= *\/\r\n\r\n.obx-ideas .case-top{\r\n  padding:24px 24px 18px;\r\n}\r\n\r\n.obx-ideas .case-meta{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:12px;\r\n\r\n  margin-bottom:28px;\r\n}\r\n\r\n.obx-ideas .case-index{\r\n  min-width:0;\r\n\r\n  color:#68686e;\r\n\r\n  font-size:9px;\r\n  line-height:1.2;\r\n  font-weight:800;\r\n  letter-spacing:.14em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.obx-ideas .case-action{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:flex-end;\r\n  gap:8px;\r\n\r\n  flex:0 0 auto;\r\n\r\n  color:#85858a;\r\n\r\n  font-size:8px;\r\n  line-height:1;\r\n  font-weight:800;\r\n  letter-spacing:.11em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.obx-ideas .case-action-icon{\r\n  position:relative;\r\n\r\n  width:23px;\r\n  height:23px;\r\n  flex:0 0 23px;\r\n\r\n  border:1px solid #39393e;\r\n  border-radius:50%;\r\n\r\n  transition:\r\n    background .3s ease,\r\n    border-color .3s ease,\r\n    transform .4s cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n.obx-ideas .case-action-icon:before,\r\n.obx-ideas .case-action-icon:after{\r\n  content:\"\";\r\n  position:absolute;\r\n\r\n  left:50%;\r\n  top:50%;\r\n\r\n  width:8px;\r\n  height:1px;\r\n\r\n  background:#aaaab0;\r\n\r\n  transform:translate(-50%,-50%);\r\n}\r\n\r\n.obx-ideas .case-action-icon:after{\r\n  transform:\r\n    translate(-50%,-50%)\r\n    rotate(90deg);\r\n\r\n  transition:transform .35s ease;\r\n}\r\n\r\n.obx-ideas .case-card.is-open .case-action-icon{\r\n  background:#fff;\r\n  border-color:#fff;\r\n  transform:rotate(180deg);\r\n}\r\n\r\n.obx-ideas .case-card.is-open .case-action-icon:before,\r\n.obx-ideas .case-card.is-open .case-action-icon:after{\r\n  background:#080808;\r\n}\r\n\r\n.obx-ideas .case-card.is-open .case-action-icon:after{\r\n  transform:\r\n    translate(-50%,-50%)\r\n    rotate(0deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BRAND\r\n========================================================= *\/\r\n\r\n.obx-ideas .case-brand{\r\n  width:100%;\r\n\r\n  color:#f7f7f4;\r\n\r\n  font-family:Anton,Impact,\"Arial Narrow\",sans-serif;\r\n  font-size:clamp(36px,3.3vw,52px);\r\n  line-height:1.04;\r\n  letter-spacing:.01em;\r\n  text-transform:uppercase;\r\n\r\n  white-space:normal;\r\n  overflow-wrap:break-word;\r\n  word-break:normal;\r\n  overflow:visible;\r\n}\r\n\r\n.obx-ideas .case-category{\r\n  margin-top:9px;\r\n\r\n  color:#707076;\r\n\r\n  font-size:9px;\r\n  line-height:1.45;\r\n  font-weight:700;\r\n  letter-spacing:.11em;\r\n  text-transform:uppercase;\r\n\r\n  white-space:normal;\r\n  overflow-wrap:break-word;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IDEA\r\n========================================================= *\/\r\n\r\n.obx-ideas .case-idea{\r\n  padding:0 24px 24px;\r\n}\r\n\r\n.obx-ideas .case-idea-label{\r\n  margin-bottom:9px;\r\n\r\n  font-size:9px;\r\n  line-height:1.35;\r\n  font-weight:800;\r\n  letter-spacing:.11em;\r\n  text-transform:uppercase;\r\n\r\n  white-space:normal;\r\n  overflow-wrap:break-word;\r\n}\r\n\r\n.obx-ideas .case-card[data-color=\"blue\"] .case-idea-label{\r\n  color:#6fa4ff;\r\n}\r\n\r\n.obx-ideas .case-card[data-color=\"yellow\"] .case-idea-label{\r\n  color:var(--yellow);\r\n}\r\n\r\n.obx-ideas .case-card[data-color=\"red\"] .case-idea-label{\r\n  color:var(--red);\r\n}\r\n\r\n.obx-ideas .case-idea-text{\r\n  width:100%;\r\n\r\n  color:#f2f2ef;\r\n\r\n  font-size:17px;\r\n  line-height:1.45;\r\n  font-weight:700;\r\n\r\n  white-space:normal;\r\n  overflow-wrap:break-word;\r\n  word-break:normal;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESULT\r\n========================================================= *\/\r\n\r\n.obx-ideas .case-result{\r\n  position:relative;\r\n\r\n  padding:21px 24px 23px;\r\n\r\n  border-top:1px solid var(--line);\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      rgba(255,255,255,.018),\r\n      rgba(255,255,255,.006)\r\n    );\r\n}\r\n\r\n.obx-ideas .case-result-label{\r\n  color:#74747a;\r\n\r\n  font-size:9px;\r\n  line-height:1.3;\r\n  font-weight:800;\r\n  letter-spacing:.12em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.obx-ideas .case-result-number{\r\n  width:100%;\r\n  margin-top:9px;\r\n\r\n  font-family:Anton,Impact,\"Arial Narrow\",sans-serif;\r\n  font-size:clamp(24px,2.2vw,31px);\r\n  line-height:1.12;\r\n  letter-spacing:.01em;\r\n  text-transform:uppercase;\r\n\r\n  white-space:normal;\r\n  overflow-wrap:break-word;\r\n  word-break:normal;\r\n  overflow:visible;\r\n}\r\n\r\n.obx-ideas .case-card[data-color=\"blue\"] .case-result-number{\r\n  color:#6fa4ff;\r\n}\r\n\r\n.obx-ideas .case-card[data-color=\"yellow\"] .case-result-number{\r\n  color:var(--yellow);\r\n}\r\n\r\n.obx-ideas .case-card[data-color=\"red\"] .case-result-number{\r\n  color:var(--red);\r\n}\r\n\r\n.obx-ideas .case-result-small{\r\n  margin-top:7px;\r\n\r\n  color:#88888e;\r\n\r\n  font-size:11px;\r\n  line-height:1.55;\r\n\r\n  white-space:normal;\r\n  overflow-wrap:break-word;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DETAILS \/ ACCORDION\r\n========================================================= *\/\r\n\r\n.obx-ideas .case-details{\r\n  display:grid;\r\n  grid-template-rows:0fr;\r\n\r\n  background:#070709;\r\n\r\n  border-top:0 solid var(--line);\r\n\r\n  transition:\r\n    grid-template-rows .55s cubic-bezier(.22,1,.36,1),\r\n    border-width .25s ease;\r\n}\r\n\r\n.obx-ideas .case-card.is-open .case-details{\r\n  grid-template-rows:1fr;\r\n  border-top-width:1px;\r\n}\r\n\r\n.obx-ideas .case-details-inner{\r\n  min-height:0;\r\n  overflow:hidden;\r\n}\r\n\r\n.obx-ideas .case-details-content{\r\n  padding:0 24px;\r\n\r\n  opacity:0;\r\n  transform:translateY(-8px);\r\n\r\n  transition:\r\n    opacity .3s ease,\r\n    transform .5s cubic-bezier(.22,1,.36,1),\r\n    padding .5s cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n.obx-ideas .case-card.is-open .case-details-content{\r\n  padding:23px 24px 25px;\r\n\r\n  opacity:1;\r\n  transform:translateY(0);\r\n\r\n  transition-delay:.08s;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DETAIL ROW\r\n========================================================= *\/\r\n\r\n.obx-ideas .case-detail-row{\r\n  display:grid;\r\n  grid-template-columns:72px minmax(0,1fr);\r\n  gap:15px;\r\n\r\n  padding:13px 0;\r\n\r\n  border-bottom:1px solid #1d1d21;\r\n}\r\n\r\n.obx-ideas .case-detail-row:first-child{\r\n  padding-top:0;\r\n}\r\n\r\n.obx-ideas .case-detail-row:last-child{\r\n  padding-bottom:0;\r\n  border-bottom:0;\r\n}\r\n\r\n.obx-ideas .case-detail-label{\r\n  color:#66666c;\r\n\r\n  font-size:8px;\r\n  line-height:1.5;\r\n  font-weight:800;\r\n  letter-spacing:.12em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.obx-ideas .case-detail-text{\r\n  min-width:0;\r\n\r\n  color:#c5c5c9;\r\n\r\n  font-size:11px;\r\n  line-height:1.6;\r\n\r\n  white-space:normal;\r\n  overflow-wrap:break-word;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CASE NOTE\r\n========================================================= *\/\r\n\r\n.obx-ideas .case-note{\r\n  max-width:900px;\r\n  margin:20px auto 0;\r\n\r\n  color:#606066;\r\n\r\n  font-size:10px;\r\n  line-height:1.55;\r\n  text-align:center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FINAL STATEMENT\r\n========================================================= *\/\r\n\r\n.obx-ideas .final-statement{\r\n  position:relative;\r\n\r\n  margin:68px auto 0;\r\n\r\n  text-align:center;\r\n}\r\n\r\n.obx-ideas .final-dots{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:8px;\r\n\r\n  margin-bottom:17px;\r\n}\r\n\r\n.obx-ideas .final-dot{\r\n  width:7px;\r\n  height:7px;\r\n  border-radius:50%;\r\n}\r\n\r\n.obx-ideas .final-dot.red{\r\n  background:var(--red);\r\n}\r\n\r\n.obx-ideas .final-dot.blue{\r\n  background:var(--blue);\r\n}\r\n\r\n.obx-ideas .final-dot.yellow{\r\n  background:var(--yellow);\r\n}\r\n\r\n.obx-ideas .final-title{\r\n  font-family:Anton,Impact,\"Arial Narrow\",sans-serif;\r\n  font-size:clamp(30px,4.2vw,52px);\r\n  line-height:1.08;\r\n  letter-spacing:.01em;\r\n  text-transform:uppercase;\r\n  overflow:visible;\r\n}\r\n\r\n.obx-ideas .final-title span{\r\n  color:var(--blue);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SCROLL ANIMATIONS\r\n========================================================= *\/\r\n\r\n@keyframes obxIdeasFadeUp{\r\n  from{\r\n    opacity:0;\r\n    transform:translateY(20px);\r\n  }\r\n\r\n  to{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes obxIdeasCardIn{\r\n  from{\r\n    opacity:0;\r\n    transform:translateY(28px);\r\n  }\r\n\r\n  to{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n  }\r\n}\r\n\r\n.obx-ideas.obx-scroll-ready .ideas-eyebrow,\r\n.obx-ideas.obx-scroll-ready .ideas-title,\r\n.obx-ideas.obx-scroll-ready .philosophy-card,\r\n.obx-ideas.obx-scroll-ready .case-bridge,\r\n.obx-ideas.obx-scroll-ready .case-card,\r\n.obx-ideas.obx-scroll-ready .case-note,\r\n.obx-ideas.obx-scroll-ready .final-statement{\r\n  opacity:0;\r\n}\r\n\r\n.obx-ideas.obx-scroll-ready .ideas-eyebrow,\r\n.obx-ideas.obx-scroll-ready .ideas-title,\r\n.obx-ideas.obx-scroll-ready .case-bridge,\r\n.obx-ideas.obx-scroll-ready .case-note,\r\n.obx-ideas.obx-scroll-ready .final-statement{\r\n  transform:translateY(20px);\r\n}\r\n\r\n.obx-ideas.obx-scroll-ready .philosophy-card,\r\n.obx-ideas.obx-scroll-ready .case-card{\r\n  transform:translateY(28px);\r\n}\r\n\r\n.obx-ideas.obx-scroll-ready.obx-visible .ideas-eyebrow{\r\n  animation:\r\n    obxIdeasFadeUp\r\n    .58s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .05s\r\n    forwards;\r\n}\r\n\r\n.obx-ideas.obx-scroll-ready.obx-visible .ideas-title{\r\n  animation:\r\n    obxIdeasFadeUp\r\n    .66s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .14s\r\n    forwards;\r\n}\r\n\r\n.obx-ideas.obx-scroll-ready.obx-visible .philosophy-card{\r\n  animation:\r\n    obxIdeasCardIn\r\n    .68s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .30s\r\n    forwards;\r\n}\r\n\r\n.obx-ideas.obx-scroll-ready.obx-visible .case-bridge{\r\n  animation:\r\n    obxIdeasFadeUp\r\n    .64s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .50s\r\n    forwards;\r\n}\r\n\r\n.obx-ideas.obx-scroll-ready.obx-visible .case-card:nth-child(1){\r\n  animation:\r\n    obxIdeasCardIn\r\n    .66s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .70s\r\n    forwards;\r\n}\r\n\r\n.obx-ideas.obx-scroll-ready.obx-visible .case-card:nth-child(2){\r\n  animation:\r\n    obxIdeasCardIn\r\n    .66s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .86s\r\n    forwards;\r\n}\r\n\r\n.obx-ideas.obx-scroll-ready.obx-visible .case-card:nth-child(3){\r\n  animation:\r\n    obxIdeasCardIn\r\n    .66s\r\n    cubic-bezier(.22,1,.36,1)\r\n    1.02s\r\n    forwards;\r\n}\r\n\r\n.obx-ideas.obx-scroll-ready.obx-visible .case-note{\r\n  animation:\r\n    obxIdeasFadeUp\r\n    .56s\r\n    cubic-bezier(.22,1,.36,1)\r\n    1.18s\r\n    forwards;\r\n}\r\n\r\n.obx-ideas.obx-scroll-ready.obx-visible .final-statement{\r\n  animation:\r\n    obxIdeasFadeUp\r\n    .62s\r\n    cubic-bezier(.22,1,.36,1)\r\n    1.32s\r\n    forwards;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1050px){\r\n\r\n  .obx-ideas .case-grid{\r\n    grid-template-columns:1fr;\r\n    max-width:760px;\r\n    gap:14px;\r\n  }\r\n\r\n  .obx-ideas .case-card{\r\n    min-height:0;\r\n  }\r\n\r\n  .obx-ideas .case-brand{\r\n    font-size:48px;\r\n  }\r\n\r\n  .obx-ideas .case-result-number{\r\n    font-size:30px;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:767px){\r\n\r\n  .obx-ideas .ideas-section{\r\n    padding:56px 0;\r\n  }\r\n\r\n  .obx-ideas .eyebrow{\r\n    margin-bottom:13px;\r\n    font-size:11px;\r\n    line-height:1.55;\r\n  }\r\n\r\n  .obx-ideas .title{\r\n    font-size:clamp(40px,12vw,58px);\r\n  }\r\n\r\n  .obx-ideas .title-line{\r\n    line-height:1.05;\r\n  }\r\n\r\n  .obx-ideas .title-line-second{\r\n    padding-top:.11em;\r\n    margin-top:.02em;\r\n  }\r\n\r\n  .obx-ideas p{\r\n    font-size:15px;\r\n  }\r\n\r\n  .obx-ideas .philosophy-card{\r\n    margin-top:30px;\r\n    padding:26px 22px;\r\n    border-radius:16px;\r\n  }\r\n\r\n  .obx-ideas .case-bridge{\r\n    margin-top:50px;\r\n  }\r\n\r\n  .obx-ideas .case-bridge-title{\r\n    font-size:clamp(28px,9vw,39px);\r\n  }\r\n\r\n  .obx-ideas .case-grid{\r\n    margin-top:28px;\r\n    gap:13px;\r\n  }\r\n\r\n  .obx-ideas .case-card{\r\n    border-radius:16px;\r\n  }\r\n\r\n  .obx-ideas .case-top{\r\n    padding:21px 20px 17px;\r\n  }\r\n\r\n  .obx-ideas .case-meta{\r\n    margin-bottom:22px;\r\n  }\r\n\r\n  .obx-ideas .case-brand{\r\n    font-size:43px;\r\n    line-height:1.05;\r\n  }\r\n\r\n  .obx-ideas .case-category{\r\n    font-size:8px;\r\n  }\r\n\r\n  .obx-ideas .case-idea{\r\n    padding:0 20px 21px;\r\n  }\r\n\r\n  .obx-ideas .case-idea-text{\r\n    font-size:16px;\r\n    line-height:1.48;\r\n  }\r\n\r\n  .obx-ideas .case-result{\r\n    padding:18px 20px 20px;\r\n  }\r\n\r\n  .obx-ideas .case-result-number{\r\n    font-size:27px;\r\n    line-height:1.12;\r\n  }\r\n\r\n  .obx-ideas .case-details-content{\r\n    padding-left:20px;\r\n    padding-right:20px;\r\n  }\r\n\r\n  .obx-ideas .case-card.is-open .case-details-content{\r\n    padding:\r\n      21px\r\n      20px\r\n      23px;\r\n  }\r\n\r\n  .obx-ideas .case-detail-row{\r\n    grid-template-columns:64px minmax(0,1fr);\r\n    gap:11px;\r\n  }\r\n\r\n  .obx-ideas .final-statement{\r\n    margin-top:52px;\r\n  }\r\n\r\n\r\n  \/* MOBILE SCROLL TIMINGS *\/\r\n\r\n  .obx-ideas.obx-scroll-ready.obx-visible .ideas-eyebrow{\r\n    animation-delay:.05s;\r\n    animation-duration:.58s;\r\n  }\r\n\r\n  .obx-ideas.obx-scroll-ready.obx-visible .ideas-title{\r\n    animation-delay:.13s;\r\n    animation-duration:.66s;\r\n  }\r\n\r\n  .obx-ideas.obx-scroll-ready.obx-visible .philosophy-card{\r\n    animation-delay:.28s;\r\n    animation-duration:.68s;\r\n  }\r\n\r\n  .obx-ideas.obx-scroll-ready.obx-visible .case-bridge{\r\n    animation-delay:.46s;\r\n    animation-duration:.62s;\r\n  }\r\n\r\n  .obx-ideas.obx-scroll-ready.obx-visible .case-card:nth-child(1){\r\n    animation-delay:.64s;\r\n    animation-duration:.64s;\r\n  }\r\n\r\n  .obx-ideas.obx-scroll-ready.obx-visible .case-card:nth-child(2){\r\n    animation-delay:.80s;\r\n    animation-duration:.64s;\r\n  }\r\n\r\n  .obx-ideas.obx-scroll-ready.obx-visible .case-card:nth-child(3){\r\n    animation-delay:.96s;\r\n    animation-duration:.64s;\r\n  }\r\n\r\n  .obx-ideas.obx-scroll-ready.obx-visible .case-note{\r\n    animation-delay:1.12s;\r\n    animation-duration:.56s;\r\n  }\r\n\r\n  .obx-ideas.obx-scroll-ready.obx-visible .final-statement{\r\n    animation-delay:1.26s;\r\n    animation-duration:.64s;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:390px){\r\n\r\n  .obx-ideas .title{\r\n    font-size:clamp(37px,11.5vw,50px);\r\n  }\r\n\r\n  .obx-ideas .title-line-second{\r\n    padding-top:.12em;\r\n  }\r\n\r\n  .obx-ideas .case-brand{\r\n    font-size:39px;\r\n  }\r\n\r\n  .obx-ideas .case-action > span:first-child{\r\n    display:none;\r\n  }\r\n\r\n  .obx-ideas .case-detail-row{\r\n    grid-template-columns:1fr;\r\n    gap:4px;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  .obx-ideas.obx-scroll-ready .ideas-eyebrow,\r\n  .obx-ideas.obx-scroll-ready .ideas-title,\r\n  .obx-ideas.obx-scroll-ready .philosophy-card,\r\n  .obx-ideas.obx-scroll-ready .case-bridge,\r\n  .obx-ideas.obx-scroll-ready .case-card,\r\n  .obx-ideas.obx-scroll-ready .case-note,\r\n  .obx-ideas.obx-scroll-ready .final-statement{\r\n    opacity:1;\r\n    transform:none;\r\n    animation:none!important;\r\n  }\r\n\r\n  .obx-ideas .case-card,\r\n  .obx-ideas .case-accent,\r\n  .obx-ideas .case-details,\r\n  .obx-ideas .case-details-content,\r\n  .obx-ideas .case-action-icon{\r\n    transition:none!important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n\r\n<section\r\n  class=\"obx-ideas\"\r\n  data-obx-ideas-scroll\r\n  aria-label=\"Oblikov pogled na marketing in primeri znanih blagovnih znamk\"\r\n>\r\n\r\n  <div class=\"ideas-section\">\r\n\r\n\r\n    <!-- HEADER -->\r\n\r\n    <div class=\"ideas-head\">\r\n\r\n      <div class=\"eyebrow ideas-eyebrow\">\r\n        Na\u0161 pogled na marketing\r\n      <\/div>\r\n\r\n      <h2 class=\"title ideas-title\">\r\n\r\n        <span class=\"title-line\">\r\n          Ne izdelujemo samo oglasov.\r\n        <\/span>\r\n\r\n        <span class=\"title-line title-line-second title-yellow\">\r\n          I\u0161\u010demo ideje, ki prodajajo.\r\n        <\/span>\r\n\r\n      <\/h2>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- PHILOSOPHY -->\r\n\r\n    <div class=\"philosophy-card\">\r\n\r\n      <div class=\"philosophy-number\">\r\n        Percepcija ustvarja vrednost\r\n      <\/div>\r\n\r\n      <p>\r\n        Obstaja precej nenavadna stvar v marketingu.\r\n        V\u010dasih produkta sploh ni treba izbolj\u0161ati.\r\n      <\/p>\r\n\r\n      <p>\r\n        Spremeniti morate samo na\u010din,\r\n        <strong>kako ga ljudje dojemajo.<\/strong>\r\n      <\/p>\r\n\r\n      <p>\r\n        Popolnoma enaka jed lahko na lepem kro\u017eniku,\r\n        v pravem prostoru in z dobrim imenom na meniju\r\n        deluje vrednej\u0161a. Hrana se ni spremenila.\r\n        <strong>Spremenil se je kontekst.<\/strong>\r\n      <\/p>\r\n\r\n      <p>\r\n        Enako velja za va\u0161e podjetje.\r\n        Morda ne potrebujete nove storitve ali ni\u017eje cene.\r\n        Morda potrebujete samo\r\n        <strong>\r\n          bolj\u0161o idejo, kako svojo obstoje\u010do ponudbo\r\n          predstaviti pravim ljudem.\r\n        <\/strong>\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- CASE STUDY INTRO -->\r\n\r\n    <div class=\"case-bridge\">\r\n\r\n      <div class=\"case-kicker\">\r\n        To ni samo teorija\r\n      <\/div>\r\n\r\n      <div class=\"case-bridge-title\">\r\n        Velike znamke so \u017ee pokazale,\r\n        <span style=\"color:var(--yellow)\">\r\n          kaj lahko spremeni pogled.\r\n        <\/span>\r\n      <\/div>\r\n\r\n      <p>\r\n        Produkt ni vedno glavni problem.\r\n        V\u010dasih je najve\u010dja prilo\u017enost v tem,\r\n        kako ljudje ponudbo vidijo, razumejo in do\u017eivljajo.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- CASE GRID -->\r\n\r\n    <div class=\"case-grid\">\r\n\r\n\r\n      <!-- FORD -->\r\n\r\n      <button\r\n        type=\"button\"\r\n        class=\"case-card\"\r\n        data-color=\"blue\"\r\n        aria-expanded=\"false\"\r\n      >\r\n\r\n        <div class=\"case-accent\"><\/div>\r\n\r\n        <div class=\"case-top\">\r\n\r\n          <div class=\"case-meta\">\r\n\r\n            <div class=\"case-index\">\r\n              Case study \/ 01\r\n            <\/div>\r\n\r\n            <div class=\"case-action\">\r\n              <span>Odpri primer<\/span>\r\n              <span class=\"case-action-icon\"><\/span>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"case-brand\">\r\n            Ford\r\n          <\/div>\r\n\r\n          <div class=\"case-category\">\r\n            Avtomobilska industrija\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"case-idea\">\r\n\r\n          <div class=\"case-idea-label\">\r\n            Problem ni bil samo produkt\r\n          <\/div>\r\n\r\n          <div class=\"case-idea-text\">\r\n            Ljudem so bili avtomobili v\u0161e\u010d \u2014\r\n            dokler niso izvedeli, da so Ford.\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"case-result\">\r\n\r\n          <div class=\"case-result-label\">\r\n            Klju\u010dni insight\r\n          <\/div>\r\n\r\n          <div class=\"case-result-number\">\r\n            Percepcija je premagala realnost.\r\n          <\/div>\r\n\r\n          <div class=\"case-result-small\">\r\n            Kampanja je pove\u010dala obisk, testne vo\u017enje\r\n            in zanimanje za znamko.\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"case-details\">\r\n\r\n          <div class=\"case-details-inner\">\r\n\r\n            <div class=\"case-details-content\">\r\n\r\n              <div class=\"case-detail-row\">\r\n\r\n                <div class=\"case-detail-label\">\r\n                  Izziv\r\n                <\/div>\r\n\r\n                <div class=\"case-detail-text\">\r\n                  Ford se je v Avstraliji soo\u010dal z mo\u010dno\r\n                  negativno percepcijo znamke.\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"case-detail-row\">\r\n\r\n                <div class=\"case-detail-label\">\r\n                  Ideja\r\n                <\/div>\r\n\r\n                <div class=\"case-detail-text\">\r\n                  Ljudem so pokazali avtomobile brez oznak\r\n                  znamke in jih prosili, naj uganejo proizvajalca.\r\n                  Tako so razkrili razliko med dejanskim izdelkom\r\n                  in predsodkom do znamke.\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"case-detail-row\">\r\n\r\n                <div class=\"case-detail-label\">\r\n                  Rezultat\r\n                <\/div>\r\n\r\n                <div class=\"case-detail-text\">\r\n                  Eden od treh sodelujo\u010dih je znamko napa\u010dno\r\n                  prepoznal. Kampanja je nato pove\u010dala obisk\r\n                  prodajnih mest, testne vo\u017enje in obisk\r\n                  Fordove spletne strani.\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"case-detail-row\">\r\n\r\n                <div class=\"case-detail-label\">\r\n                  Lekcija\r\n                <\/div>\r\n\r\n                <div class=\"case-detail-text\">\r\n                  \u010ce ljudje produkt vidijo skozi napa\u010den okvir,\r\n                  lahko sprememba konteksta odpre popolnoma\r\n                  druga\u010den pogled na isto ponudbo.\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/button>\r\n\r\n\r\n      <!-- ADIDAS -->\r\n\r\n      <button\r\n        type=\"button\"\r\n        class=\"case-card\"\r\n        data-color=\"yellow\"\r\n        aria-expanded=\"false\"\r\n      >\r\n\r\n        <div class=\"case-accent\"><\/div>\r\n\r\n        <div class=\"case-top\">\r\n\r\n          <div class=\"case-meta\">\r\n\r\n            <div class=\"case-index\">\r\n              Case study \/ 02\r\n            <\/div>\r\n\r\n            <div class=\"case-action\">\r\n              <span>Odpri primer<\/span>\r\n              <span class=\"case-action-icon\"><\/span>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"case-brand\">\r\n            adidas\r\n          <\/div>\r\n\r\n          <div class=\"case-category\">\r\n            adidas Originals \/ Greater China\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"case-idea\">\r\n\r\n          <div class=\"case-idea-label\">\r\n            Druga\u010den pogled na originalnost\r\n          <\/div>\r\n\r\n          <div class=\"case-idea-text\">\r\n            Namesto generi\u010dne podobe individualnosti\r\n            so pokazali ljudi, ki sprejmejo tisto,\r\n            zaradi \u010desar izstopajo.\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"case-result\">\r\n\r\n          <div class=\"case-result-label\">\r\n            Poslovni rezultat\r\n          <\/div>\r\n\r\n          <div class=\"case-result-number\">\r\n            +36 % prodaje\r\n          <\/div>\r\n\r\n          <div class=\"case-result-small\">\r\n            Ob hkratnem izbolj\u0161anju merjene\r\n            percepcije znamke.\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"case-details\">\r\n\r\n          <div class=\"case-details-inner\">\r\n\r\n            <div class=\"case-details-content\">\r\n\r\n              <div class=\"case-detail-row\">\r\n\r\n                <div class=\"case-detail-label\">\r\n                  Izziv\r\n                <\/div>\r\n\r\n                <div class=\"case-detail-text\">\r\n                  adidas Originals je \u017eelel okrepiti pomen\r\n                  originalnosti v okolju, kjer je bila\r\n                  individualnost pogosto predstavljena\r\n                  skozi predvidljive kli\u0161eje.\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"case-detail-row\">\r\n\r\n                <div class=\"case-detail-label\">\r\n                  Ideja\r\n                <\/div>\r\n\r\n                <div class=\"case-detail-text\">\r\n                  Kampanja #THISISME je individualnost\r\n                  predstavila skozi resni\u010dne lastnosti ljudi,\r\n                  tudi tak\u0161ne, ki bi jih drugi lahko videli\r\n                  kot pomanjkljivosti.\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"case-detail-row\">\r\n\r\n                <div class=\"case-detail-label\">\r\n                  Rezultat\r\n                <\/div>\r\n\r\n                <div class=\"case-detail-text\">\r\n                  Prodaja se je pove\u010dala za 36 %,\r\n                  pri \u010demer je primer poro\u010dal tudi o izbolj\u0161anju\r\n                  percepcije znamke po vseh merjenih kazalnikih.\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"case-detail-row\">\r\n\r\n                <div class=\"case-detail-label\">\r\n                  Lekcija\r\n                <\/div>\r\n\r\n                <div class=\"case-detail-text\">\r\n                  Mo\u010dna marketin\u0161ka ideja ne potrebuje nujno\r\n                  novega produkta. Lahko spremeni pomen,\r\n                  ki ga ljudje pripisujejo obstoje\u010demu.\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/button>\r\n\r\n\r\n      <!-- MCDONALD'S -->\r\n\r\n      <button\r\n        type=\"button\"\r\n        class=\"case-card\"\r\n        data-color=\"red\"\r\n        aria-expanded=\"false\"\r\n      >\r\n\r\n        <div class=\"case-accent\"><\/div>\r\n\r\n        <div class=\"case-top\">\r\n\r\n          <div class=\"case-meta\">\r\n\r\n            <div class=\"case-index\">\r\n              Case study \/ 03\r\n            <\/div>\r\n\r\n            <div class=\"case-action\">\r\n              <span>Odpri primer<\/span>\r\n              <span class=\"case-action-icon\"><\/span>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"case-brand\">\r\n            McDonald's\r\n          <\/div>\r\n\r\n          <div class=\"case-category\">\r\n            Globalna QSR znamka \/ ZDA\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"case-idea\">\r\n\r\n          <div class=\"case-idea-label\">\r\n            Od kritikov k obo\u017eevalcem\r\n          <\/div>\r\n\r\n          <div class=\"case-idea-text\">\r\n            Namesto branjenja pred kritiki so marketing\r\n            zgradili okoli resni\u010dnih razlogov,\r\n            zakaj imajo ljudje znamko radi.\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"case-result\">\r\n\r\n          <div class=\"case-result-label\">\r\n            Poslovni preobrat\r\n          <\/div>\r\n\r\n          <div class=\"case-result-number\">\r\n            Skoraj +40 %\r\n          <\/div>\r\n\r\n          <div class=\"case-result-small\">\r\n            Pove\u010danje povpre\u010dne prodaje na restavracijo\r\n            v obdobju preobrata, opisanem v case studyju.\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"case-details\">\r\n\r\n          <div class=\"case-details-inner\">\r\n\r\n            <div class=\"case-details-content\">\r\n\r\n              <div class=\"case-detail-row\">\r\n\r\n                <div class=\"case-detail-label\">\r\n                  Izziv\r\n                <\/div>\r\n\r\n                <div class=\"case-detail-text\">\r\n                  Znamka se je soo\u010dala s stagnacijo,\r\n                  slab\u0161im odnosom mlaj\u0161ih kupcev in\r\n                  negativnimi asociacijami okoli hitre hrane.\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"case-detail-row\">\r\n\r\n                <div class=\"case-detail-label\">\r\n                  Ideja\r\n                <\/div>\r\n\r\n                <div class=\"case-detail-text\">\r\n                  Strategija se je premaknila od odgovarjanja\r\n                  kritikom k majhnim resnicam in \u010dustvenim\r\n                  povezavam, ki jih imajo dejanski kupci\r\n                  z znamko.\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"case-detail-row\">\r\n\r\n                <div class=\"case-detail-label\">\r\n                  Rezultat\r\n                <\/div>\r\n\r\n                <div class=\"case-detail-text\">\r\n                  Case study poro\u010da o skoraj 40-odstotni\r\n                  rasti povpre\u010dne prodaje na restavracijo,\r\n                  izbolj\u0161anju percepcije med mlaj\u0161imi\r\n                  in obnovljeni kulturni relevantnosti.\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"case-detail-row\">\r\n\r\n                <div class=\"case-detail-label\">\r\n                  Lekcija\r\n                <\/div>\r\n\r\n                <div class=\"case-detail-text\">\r\n                  V\u010dasih podjetje ne potrebuje \u0161e ene nove\r\n                  lastnosti produkta. Potrebuje bolj relevanten\r\n                  razlog, zakaj naj ljudem sploh nekaj pomeni.\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/button>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"case-note\">\r\n      Primeri so predstavljeni kot neodvisne marketin\u0161ke reference.\r\n      Oblikov z navedenimi znamkami ni sodeloval.\r\n    <\/div>\r\n\r\n\r\n    <!-- FINAL -->\r\n\r\n    <div class=\"final-statement\">\r\n\r\n      <div class=\"final-dots\">\r\n\r\n        <span class=\"final-dot red\"><\/span>\r\n        <span class=\"final-dot blue\"><\/span>\r\n        <span class=\"final-dot yellow\"><\/span>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"final-title\">\r\n        OBLIKOV.\r\n        <span>SPREMENIMO POGLED.<\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n  function initObxIdeaCards(){\r\n\r\n    var sections =\r\n      document.querySelectorAll('.obx-ideas');\r\n\r\n    sections.forEach(function(section){\r\n\r\n      if(section.dataset.obxCardsInitialized === 'true'){\r\n        return;\r\n      }\r\n\r\n      section.dataset.obxCardsInitialized = 'true';\r\n\r\n      var cards =\r\n        Array.prototype.slice.call(\r\n          section.querySelectorAll('.case-card')\r\n        );\r\n\r\n      cards.forEach(function(card){\r\n\r\n        card.addEventListener('click',function(){\r\n\r\n          var willOpen =\r\n            !card.classList.contains('is-open');\r\n\r\n          cards.forEach(function(otherCard){\r\n\r\n            otherCard.classList.remove('is-open');\r\n\r\n            otherCard.setAttribute(\r\n              'aria-expanded',\r\n              'false'\r\n            );\r\n\r\n            var actionText =\r\n              otherCard.querySelector(\r\n                '.case-action > span:first-child'\r\n              );\r\n\r\n            if(actionText){\r\n              actionText.textContent = 'Odpri primer';\r\n            }\r\n\r\n          });\r\n\r\n          if(willOpen){\r\n\r\n            card.classList.add('is-open');\r\n\r\n            card.setAttribute(\r\n              'aria-expanded',\r\n              'true'\r\n            );\r\n\r\n            var activeText =\r\n              card.querySelector(\r\n                '.case-action > span:first-child'\r\n              );\r\n\r\n            if(activeText){\r\n              activeText.textContent = 'Zapri primer';\r\n            }\r\n\r\n          }\r\n\r\n        });\r\n\r\n      });\r\n\r\n    });\r\n\r\n  }\r\n\r\n\r\n  function initObxIdeaScroll(){\r\n\r\n    var sections =\r\n      document.querySelectorAll(\r\n        '[data-obx-ideas-scroll]'\r\n      );\r\n\r\n    sections.forEach(function(section){\r\n\r\n      if(\r\n        section.dataset.obxIdeasScrollInitialized ===\r\n        'true'\r\n      ){\r\n        return;\r\n      }\r\n\r\n      section.dataset.obxIdeasScrollInitialized =\r\n        'true';\r\n\r\n      section.classList.add(\r\n        'obx-scroll-ready'\r\n      );\r\n\r\n      if(!('IntersectionObserver' in window)){\r\n\r\n        section.classList.add(\r\n          'obx-visible'\r\n        );\r\n\r\n        return;\r\n      }\r\n\r\n      var isMobile =\r\n        window.matchMedia(\r\n          '(max-width:767px)'\r\n        ).matches;\r\n\r\n      var observer =\r\n        new IntersectionObserver(\r\n\r\n          function(entries){\r\n\r\n            entries.forEach(function(entry){\r\n\r\n              if(entry.isIntersecting){\r\n\r\n                entry.target.classList.add(\r\n                  'obx-visible'\r\n                );\r\n\r\n                observer.unobserve(\r\n                  entry.target\r\n                );\r\n\r\n              }\r\n\r\n            });\r\n\r\n          },\r\n\r\n          {\r\n            threshold:isMobile ? 0.12 : 0.15,\r\n\r\n            rootMargin:isMobile\r\n              ? '0px 0px -6% 0px'\r\n              : '0px 0px -5% 0px'\r\n          }\r\n\r\n        );\r\n\r\n      observer.observe(section);\r\n\r\n    });\r\n\r\n  }\r\n\r\n\r\n  function initObxIdeas(){\r\n\r\n    initObxIdeaCards();\r\n    initObxIdeaScroll();\r\n\r\n  }\r\n\r\n\r\n  if(document.readyState === 'loading'){\r\n\r\n    document.addEventListener(\r\n      'DOMContentLoaded',\r\n      initObxIdeas\r\n    );\r\n\r\n  }else{\r\n\r\n    initObxIdeas();\r\n\r\n  }\r\n\r\n\r\n  window.addEventListener(\r\n    'load',\r\n    initObxIdeas\r\n  );\r\n\r\n\r\n  if(window.jQuery){\r\n\r\n    window.jQuery(window).on(\r\n      'elementor\/frontend\/init',\r\n      function(){\r\n\r\n        setTimeout(\r\n          initObxIdeas,\r\n          100\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b3ca5d4 sistem e-flex e-con-boxed e-con e-parent\" data-id=\"b3ca5d4\" data-element_type=\"container\" data-e-type=\"container\" id=\"sistem\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-99e4015 elementor-widget elementor-widget-html\" data-id=\"99e4015\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.obx-system-parts{\r\n  --bg:#050505;\r\n  --card:#0d0d0f;\r\n  --line:#242428;\r\n  --text:#f7f7f4;\r\n  --muted:#aaaab0;\r\n  --red:#ff3538;\r\n  --blue:#2f7df6;\r\n  --yellow:#ffc51b;\r\n\r\n  color:var(--text);\r\n  font-family:Poppins,Arial,sans-serif;\r\n  width:100%;\r\n  box-sizing:border-box;\r\n  overflow:visible;\r\n}\r\n\r\n.obx-system-parts *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.obx-system-parts h1,\r\n.obx-system-parts h2,\r\n.obx-system-parts h3,\r\n.obx-system-parts .anton{\r\n  font-family:Anton,Impact,\"Arial Narrow\",sans-serif;\r\n  text-transform:uppercase;\r\n  letter-spacing:.01em;\r\n  margin:0;\r\n  overflow:visible;\r\n}\r\n\r\n.obx-system-parts p{\r\n  margin:0;\r\n  color:var(--muted);\r\n  line-height:1.65;\r\n  font-size:16px;\r\n}\r\n\r\n.obx-system-parts strong{\r\n  color:var(--text);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION\r\n========================================================= *\/\r\n\r\n.obx-system-parts .system-parts-section{\r\n  padding:78px 0;\r\n  overflow:visible;\r\n}\r\n\r\n.obx-system-parts .system-parts-head{\r\n  max-width:1040px;\r\n}\r\n\r\n.obx-system-parts .eyebrow{\r\n  font-size:12px;\r\n  line-height:1.5;\r\n  letter-spacing:.16em;\r\n  text-transform:uppercase;\r\n  font-weight:700;\r\n  color:#d8d8da;\r\n  margin-bottom:16px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n========================================================= *\/\r\n\r\n.obx-system-parts .title{\r\n  font-family:Anton,Impact,\"Arial Narrow\",sans-serif;\r\n  font-size:clamp(38px,5vw,72px);\r\n  font-weight:400;\r\n  line-height:1;\r\n  letter-spacing:.01em;\r\n  text-transform:uppercase;\r\n  max-width:1050px;\r\n  overflow:visible;\r\n}\r\n\r\n.obx-system-parts .title-line{\r\n  display:block;\r\n  position:relative;\r\n  line-height:1.04;\r\n  overflow:visible;\r\n}\r\n\r\n.obx-system-parts .title-line-second{\r\n  padding-top:.10em;\r\n  margin-top:.015em;\r\n}\r\n\r\n.obx-system-parts .title-muted{\r\n  color:#77777d;\r\n}\r\n\r\n.obx-system-parts .intro{\r\n  max-width:720px;\r\n  margin-top:24px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SYSTEM GRID\r\n========================================================= *\/\r\n\r\n.obx-system-parts .parts-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,minmax(0,1fr));\r\n  gap:16px;\r\n\r\n  margin-top:38px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD\r\n========================================================= *\/\r\n\r\n.obx-system-parts .part-card{\r\n  --accent:var(--blue);\r\n\r\n  position:relative;\r\n  min-width:0;\r\n  min-height:245px;\r\n\r\n  display:flex;\r\n  flex-direction:column;\r\n\r\n  padding:27px 27px 25px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 100% 0%,\r\n      rgba(255,255,255,.035),\r\n      transparent 36%\r\n    ),\r\n    linear-gradient(\r\n      180deg,\r\n      #111114 0%,\r\n      #09090b 100%\r\n    );\r\n\r\n  border:1px solid var(--line);\r\n  border-radius:17px;\r\n\r\n  overflow:hidden;\r\n\r\n  box-shadow:\r\n    0 20px 55px rgba(0,0,0,.16),\r\n    inset 0 1px 0 rgba(255,255,255,.025);\r\n\r\n  transition:\r\n    transform .45s cubic-bezier(.22,1,.36,1),\r\n    border-color .35s ease,\r\n    box-shadow .45s cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n.obx-system-parts .part-card:hover{\r\n  transform:translateY(-6px);\r\n\r\n  border-color:#3b3b40;\r\n\r\n  box-shadow:\r\n    0 28px 70px rgba(0,0,0,.30),\r\n    inset 0 1px 0 rgba(255,255,255,.04);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACCENT LINE\r\n========================================================= *\/\r\n\r\n.obx-system-parts .part-card:before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n  left:0;\r\n  top:0;\r\n\r\n  width:100%;\r\n  height:2px;\r\n\r\n  background:var(--accent);\r\n\r\n  transform:scaleX(.24);\r\n  transform-origin:left center;\r\n\r\n  transition:\r\n    transform .6s cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n.obx-system-parts .part-card:hover:before{\r\n  transform:scaleX(1);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD COLORS\r\n========================================================= *\/\r\n\r\n.obx-system-parts .part-card:nth-child(1){\r\n  --accent:var(--red);\r\n}\r\n\r\n.obx-system-parts .part-card:nth-child(2){\r\n  --accent:var(--red);\r\n}\r\n\r\n.obx-system-parts .part-card:nth-child(3){\r\n  --accent:var(--blue);\r\n}\r\n\r\n.obx-system-parts .part-card:nth-child(4){\r\n  --accent:var(--yellow);\r\n}\r\n\r\n.obx-system-parts .part-card:nth-child(5){\r\n  --accent:var(--blue);\r\n}\r\n\r\n.obx-system-parts .part-card:nth-child(6){\r\n  --accent:var(--yellow);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n========================================================= *\/\r\n\r\n.obx-system-parts .part-top{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:16px;\r\n}\r\n\r\n.obx-system-parts .part-number{\r\n  color:var(--accent);\r\n\r\n  font-size:10px;\r\n  line-height:1;\r\n  font-weight:800;\r\n  letter-spacing:.14em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.obx-system-parts .part-icon{\r\n  position:relative;\r\n\r\n  width:31px;\r\n  height:31px;\r\n  flex:0 0 31px;\r\n\r\n  border:1px solid #303035;\r\n  border-radius:50%;\r\n\r\n  transition:\r\n    border-color .35s ease,\r\n    background .35s ease,\r\n    transform .45s cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n.obx-system-parts .part-icon:before,\r\n.obx-system-parts .part-icon:after{\r\n  content:\"\";\r\n  position:absolute;\r\n\r\n  background:var(--accent);\r\n\r\n  transition:\r\n    transform .45s cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n.obx-system-parts .part-icon:before{\r\n  width:8px;\r\n  height:2px;\r\n\r\n  left:50%;\r\n  top:50%;\r\n\r\n  transform:translate(-50%,-50%);\r\n}\r\n\r\n.obx-system-parts .part-icon:after{\r\n  width:2px;\r\n  height:8px;\r\n\r\n  left:50%;\r\n  top:50%;\r\n\r\n  transform:translate(-50%,-50%);\r\n}\r\n\r\n.obx-system-parts .part-card:hover .part-icon{\r\n  border-color:var(--accent);\r\n  background:rgba(255,255,255,.025);\r\n  transform:rotate(45deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD CONTENT\r\n========================================================= *\/\r\n\r\n.obx-system-parts .part-title{\r\n  margin-top:34px;\r\n\r\n  font-family:Anton,Impact,\"Arial Narrow\",sans-serif;\r\n  font-size:clamp(27px,2.5vw,36px);\r\n  line-height:1.06;\r\n  font-weight:400;\r\n  letter-spacing:.01em;\r\n  text-transform:uppercase;\r\n\r\n  color:#f7f7f4;\r\n\r\n  overflow:visible;\r\n}\r\n\r\n.obx-system-parts .part-description{\r\n  margin-top:14px;\r\n\r\n  color:#929298;\r\n\r\n  font-size:14px;\r\n  line-height:1.6;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONNECTION \/ FLOW\r\n========================================================= *\/\r\n\r\n.obx-system-parts .part-flow{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:10px;\r\n\r\n  margin-top:auto;\r\n  padding-top:28px;\r\n\r\n  color:#65656b;\r\n\r\n  font-size:9px;\r\n  line-height:1;\r\n  font-weight:800;\r\n  letter-spacing:.12em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.obx-system-parts .part-flow-line{\r\n  position:relative;\r\n\r\n  height:1px;\r\n  flex:1;\r\n\r\n  background:#252529;\r\n\r\n  overflow:hidden;\r\n}\r\n\r\n.obx-system-parts .part-flow-line:after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n  left:0;\r\n  top:0;\r\n\r\n  width:100%;\r\n  height:100%;\r\n\r\n  background:var(--accent);\r\n\r\n  transform:scaleX(0);\r\n  transform-origin:left center;\r\n\r\n  transition:\r\n    transform .65s cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n.obx-system-parts .part-card:hover .part-flow-line:after{\r\n  transform:scaleX(1);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM MESSAGE\r\n========================================================= *\/\r\n\r\n.obx-system-parts .system-summary{\r\n  position:relative;\r\n\r\n  display:grid;\r\n  grid-template-columns:auto 1fr auto;\r\n  align-items:center;\r\n  gap:22px;\r\n\r\n  margin-top:20px;\r\n  padding:21px 24px;\r\n\r\n  background:#09090b;\r\n\r\n  border:1px solid var(--line);\r\n  border-radius:14px;\r\n\r\n  overflow:hidden;\r\n}\r\n\r\n.obx-system-parts .summary-dots{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:6px;\r\n}\r\n\r\n.obx-system-parts .summary-dot{\r\n  width:7px;\r\n  height:7px;\r\n  border-radius:50%;\r\n}\r\n\r\n.obx-system-parts .summary-dot:nth-child(1){\r\n  background:var(--red);\r\n}\r\n\r\n.obx-system-parts .summary-dot:nth-child(2){\r\n  background:var(--blue);\r\n}\r\n\r\n.obx-system-parts .summary-dot:nth-child(3){\r\n  background:var(--yellow);\r\n}\r\n\r\n.obx-system-parts .summary-text{\r\n  color:#b9b9bd;\r\n\r\n  font-size:13px;\r\n  line-height:1.5;\r\n}\r\n\r\n.obx-system-parts .summary-text strong{\r\n  color:#fff;\r\n}\r\n\r\n.obx-system-parts .summary-result{\r\n  color:#fff;\r\n\r\n  font-family:Anton,Impact,\"Arial Narrow\",sans-serif;\r\n  font-size:20px;\r\n  line-height:1.1;\r\n  letter-spacing:.02em;\r\n  text-transform:uppercase;\r\n\r\n  white-space:nowrap;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SCROLL ANIMATIONS\r\n========================================================= *\/\r\n\r\n@keyframes obxPartsFadeUp{\r\n  from{\r\n    opacity:0;\r\n    transform:translateY(20px);\r\n  }\r\n\r\n  to{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes obxPartCardIn{\r\n  from{\r\n    opacity:0;\r\n    transform:translateY(30px);\r\n  }\r\n\r\n  to{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n  }\r\n}\r\n\r\n.obx-system-parts.obx-scroll-ready .parts-eyebrow,\r\n.obx-system-parts.obx-scroll-ready .parts-title,\r\n.obx-system-parts.obx-scroll-ready .intro,\r\n.obx-system-parts.obx-scroll-ready .part-card,\r\n.obx-system-parts.obx-scroll-ready .system-summary{\r\n  opacity:0;\r\n}\r\n\r\n.obx-system-parts.obx-scroll-ready .parts-eyebrow,\r\n.obx-system-parts.obx-scroll-ready .parts-title,\r\n.obx-system-parts.obx-scroll-ready .intro,\r\n.obx-system-parts.obx-scroll-ready .system-summary{\r\n  transform:translateY(20px);\r\n}\r\n\r\n.obx-system-parts.obx-scroll-ready .part-card{\r\n  transform:translateY(30px);\r\n}\r\n\r\n\r\n\/* HEADER *\/\r\n\r\n.obx-system-parts.obx-scroll-ready.obx-visible .parts-eyebrow{\r\n  animation:\r\n    obxPartsFadeUp\r\n    .56s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .04s\r\n    forwards;\r\n}\r\n\r\n.obx-system-parts.obx-scroll-ready.obx-visible .parts-title{\r\n  animation:\r\n    obxPartsFadeUp\r\n    .64s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .12s\r\n    forwards;\r\n}\r\n\r\n.obx-system-parts.obx-scroll-ready.obx-visible .intro{\r\n  animation:\r\n    obxPartsFadeUp\r\n    .60s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .24s\r\n    forwards;\r\n}\r\n\r\n\r\n\/* CARDS *\/\r\n\r\n.obx-system-parts.obx-scroll-ready.obx-visible .part-card:nth-child(1){\r\n  animation:\r\n    obxPartCardIn\r\n    .62s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .40s\r\n    forwards;\r\n}\r\n\r\n.obx-system-parts.obx-scroll-ready.obx-visible .part-card:nth-child(2){\r\n  animation:\r\n    obxPartCardIn\r\n    .62s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .54s\r\n    forwards;\r\n}\r\n\r\n.obx-system-parts.obx-scroll-ready.obx-visible .part-card:nth-child(3){\r\n  animation:\r\n    obxPartCardIn\r\n    .62s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .68s\r\n    forwards;\r\n}\r\n\r\n.obx-system-parts.obx-scroll-ready.obx-visible .part-card:nth-child(4){\r\n  animation:\r\n    obxPartCardIn\r\n    .62s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .82s\r\n    forwards;\r\n}\r\n\r\n.obx-system-parts.obx-scroll-ready.obx-visible .part-card:nth-child(5){\r\n  animation:\r\n    obxPartCardIn\r\n    .62s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .96s\r\n    forwards;\r\n}\r\n\r\n.obx-system-parts.obx-scroll-ready.obx-visible .part-card:nth-child(6){\r\n  animation:\r\n    obxPartCardIn\r\n    .62s\r\n    cubic-bezier(.22,1,.36,1)\r\n    1.10s\r\n    forwards;\r\n}\r\n\r\n.obx-system-parts.obx-scroll-ready.obx-visible .system-summary{\r\n  animation:\r\n    obxPartsFadeUp\r\n    .58s\r\n    cubic-bezier(.22,1,.36,1)\r\n    1.26s\r\n    forwards;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1000px){\r\n\r\n  .obx-system-parts .parts-grid{\r\n    grid-template-columns:repeat(2,minmax(0,1fr));\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:767px){\r\n\r\n  .obx-system-parts .system-parts-section{\r\n    padding:58px 0;\r\n  }\r\n\r\n  .obx-system-parts .eyebrow{\r\n    font-size:11px;\r\n    line-height:1.55;\r\n    margin-bottom:13px;\r\n  }\r\n\r\n  .obx-system-parts .title{\r\n    font-size:clamp(40px,12vw,58px);\r\n  }\r\n\r\n  .obx-system-parts .title-line{\r\n    line-height:1.05;\r\n  }\r\n\r\n  .obx-system-parts .title-line-second{\r\n    padding-top:.11em;\r\n    margin-top:.02em;\r\n  }\r\n\r\n  .obx-system-parts p{\r\n    font-size:15px;\r\n  }\r\n\r\n  .obx-system-parts .intro{\r\n    margin-top:22px;\r\n  }\r\n\r\n  .obx-system-parts .parts-grid{\r\n    grid-template-columns:1fr;\r\n    gap:12px;\r\n    margin-top:31px;\r\n  }\r\n\r\n  .obx-system-parts .part-card{\r\n    min-height:0;\r\n    padding:22px 21px;\r\n  }\r\n\r\n  .obx-system-parts .part-title{\r\n    margin-top:26px;\r\n    font-size:31px;\r\n  }\r\n\r\n  .obx-system-parts .part-description{\r\n    margin-top:11px;\r\n  }\r\n\r\n  .obx-system-parts .part-flow{\r\n    padding-top:24px;\r\n  }\r\n\r\n  .obx-system-parts .system-summary{\r\n    grid-template-columns:auto 1fr;\r\n    gap:14px;\r\n\r\n    margin-top:14px;\r\n    padding:20px 19px;\r\n  }\r\n\r\n  .obx-system-parts .summary-result{\r\n    grid-column:2;\r\n    font-size:19px;\r\n    white-space:normal;\r\n  }\r\n\r\n\r\n  \/* faster mobile stagger for responsive UX *\/\r\n\r\n  .obx-system-parts.obx-scroll-ready.obx-visible .parts-eyebrow{\r\n    animation-delay:.04s;\r\n    animation-duration:.56s;\r\n  }\r\n\r\n  .obx-system-parts.obx-scroll-ready.obx-visible .parts-title{\r\n    animation-delay:.12s;\r\n    animation-duration:.64s;\r\n  }\r\n\r\n  .obx-system-parts.obx-scroll-ready.obx-visible .intro{\r\n    animation-delay:.24s;\r\n    animation-duration:.60s;\r\n  }\r\n\r\n  .obx-system-parts.obx-scroll-ready.obx-visible .part-card:nth-child(1){\r\n    animation-delay:.40s;\r\n    animation-duration:.62s;\r\n  }\r\n\r\n  .obx-system-parts.obx-scroll-ready.obx-visible .part-card:nth-child(2){\r\n    animation-delay:.54s;\r\n    animation-duration:.62s;\r\n  }\r\n\r\n  .obx-system-parts.obx-scroll-ready.obx-visible .part-card:nth-child(3){\r\n    animation-delay:.68s;\r\n    animation-duration:.62s;\r\n  }\r\n\r\n  .obx-system-parts.obx-scroll-ready.obx-visible .part-card:nth-child(4){\r\n    animation-delay:.82s;\r\n    animation-duration:.62s;\r\n  }\r\n\r\n  .obx-system-parts.obx-scroll-ready.obx-visible .part-card:nth-child(5){\r\n    animation-delay:.96s;\r\n    animation-duration:.62s;\r\n  }\r\n\r\n  .obx-system-parts.obx-scroll-ready.obx-visible .part-card:nth-child(6){\r\n    animation-delay:1.10s;\r\n    animation-duration:.62s;\r\n  }\r\n\r\n  .obx-system-parts.obx-scroll-ready.obx-visible .system-summary{\r\n    animation-delay:1.26s;\r\n    animation-duration:.62s;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:390px){\r\n\r\n  .obx-system-parts .title{\r\n    font-size:clamp(37px,11.5vw,50px);\r\n  }\r\n\r\n  .obx-system-parts .title-line-second{\r\n    padding-top:.12em;\r\n  }\r\n\r\n  .obx-system-parts .part-title{\r\n    font-size:29px;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  .obx-system-parts.obx-scroll-ready .parts-eyebrow,\r\n  .obx-system-parts.obx-scroll-ready .parts-title,\r\n  .obx-system-parts.obx-scroll-ready .intro,\r\n  .obx-system-parts.obx-scroll-ready .part-card,\r\n  .obx-system-parts.obx-scroll-ready .system-summary{\r\n    opacity:1;\r\n    transform:none;\r\n    animation:none!important;\r\n  }\r\n\r\n  .obx-system-parts .part-card,\r\n  .obx-system-parts .part-card:before,\r\n  .obx-system-parts .part-icon,\r\n  .obx-system-parts .part-flow-line:after{\r\n    transition:none!important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n\r\n<section\r\n  class=\"obx-system-parts\"\r\n  data-obx-parts-scroll\r\n  aria-label=\"Kaj vklju\u010duje Oblikov Lead System\"\r\n>\r\n\r\n  <div class=\"system-parts-section\">\r\n\r\n\r\n    <div class=\"system-parts-head\">\r\n\r\n      <div class=\"eyebrow parts-eyebrow\">\r\n        En partner. En sistem.\r\n      <\/div>\r\n\r\n\r\n      <h2 class=\"title parts-title\">\r\n\r\n        <span class=\"title-line\">\r\n          Vse, kar potrebuje sistem.\r\n        <\/span>\r\n\r\n        <span class=\"title-line title-line-second title-muted\">\r\n          Ni\u010desar, \u010desar ne.\r\n        <\/span>\r\n\r\n      <\/h2>\r\n\r\n\r\n      <p class=\"intro\">\r\n        Pri Oblikovu ne potrebujete petih razli\u010dnih izvajalcev.\r\n        <strong>Klju\u010dne dele pridobivanja povpra\u0161evanj pove\u017eemo v en sistem.<\/strong>\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"parts-grid\">\r\n\r\n\r\n      <!-- 01 -->\r\n\r\n      <article class=\"part-card\">\r\n\r\n        <div class=\"part-top\">\r\n\r\n          <div class=\"part-number\">\r\n            01 \/ Za\u010dnemo z idejo\r\n          <\/div>\r\n\r\n          <div class=\"part-icon\"><\/div>\r\n\r\n        <\/div>\r\n\r\n        <h3 class=\"part-title\">\r\n          Marketin\u0161ka ideja\r\n        <\/h3>\r\n\r\n        <p class=\"part-description\">\r\n          Poi\u0161\u010demo na\u010din, kako va\u0161o ponudbo predstaviti tako,\r\n          da pritegne pozornost pravih ljudi.\r\n        <\/p>\r\n\r\n        <div class=\"part-flow\">\r\n          Pozornost\r\n          <span class=\"part-flow-line\"><\/span>\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- 02 -->\r\n\r\n      <article class=\"part-card\">\r\n\r\n        <div class=\"part-top\">\r\n\r\n          <div class=\"part-number\">\r\n            02 \/ Pripeljemo\r\n          <\/div>\r\n\r\n          <div class=\"part-icon\"><\/div>\r\n\r\n        <\/div>\r\n\r\n        <h3 class=\"part-title\">\r\n          Meta oglasi\r\n        <\/h3>\r\n\r\n        <p class=\"part-description\">\r\n          Kampanje, besedila in kreative za Facebook in Instagram,\r\n          ki pravo ponudbo postavijo pred prave ljudi.\r\n        <\/p>\r\n\r\n        <div class=\"part-flow\">\r\n          Obisk\r\n          <span class=\"part-flow-line\"><\/span>\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- 03 -->\r\n\r\n      <article class=\"part-card\">\r\n\r\n        <div class=\"part-top\">\r\n\r\n          <div class=\"part-number\">\r\n            03 \/ Prepri\u010damo\r\n          <\/div>\r\n\r\n          <div class=\"part-icon\"><\/div>\r\n\r\n        <\/div>\r\n\r\n        <h3 class=\"part-title\">\r\n          Prodajna stran\r\n        <\/h3>\r\n\r\n        <p class=\"part-description\">\r\n          Na va\u0161em obstoje\u010dem WordPressu postavimo namensko stran,\r\n          ki obiskovalcu jasno predstavi ponudbo in naslednji korak.\r\n        <\/p>\r\n\r\n        <div class=\"part-flow\">\r\n          Odlo\u010ditev\r\n          <span class=\"part-flow-line\"><\/span>\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- 04 -->\r\n\r\n      <article class=\"part-card\">\r\n\r\n        <div class=\"part-top\">\r\n\r\n          <div class=\"part-number\">\r\n            04 \/ Pridobimo\r\n          <\/div>\r\n\r\n          <div class=\"part-icon\"><\/div>\r\n\r\n        <\/div>\r\n\r\n        <h3 class=\"part-title\">\r\n          Povpra\u0161evanje\r\n        <\/h3>\r\n\r\n        <p class=\"part-description\">\r\n          Obrazec in jasna pot spremenita zanimanje obiskovalca\r\n          v konkreten kontakt potencialne stranke.\r\n        <\/p>\r\n\r\n        <div class=\"part-flow\">\r\n          Lead\r\n          <span class=\"part-flow-line\"><\/span>\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- 05 -->\r\n\r\n      <article class=\"part-card\">\r\n\r\n        <div class=\"part-top\">\r\n\r\n          <div class=\"part-number\">\r\n            05 \/ Izmerimo\r\n          <\/div>\r\n\r\n          <div class=\"part-icon\"><\/div>\r\n\r\n        <\/div>\r\n\r\n        <h3 class=\"part-title\">\r\n          Merjenje\r\n        <\/h3>\r\n\r\n        <p class=\"part-description\">\r\n          Spremljamo klju\u010dne podatke in ugotavljamo,\r\n          kateri oglasi, ideje in elementi sistema dejansko delujejo.\r\n        <\/p>\r\n\r\n        <div class=\"part-flow\">\r\n          Podatki\r\n          <span class=\"part-flow-line\"><\/span>\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- 06 -->\r\n\r\n      <article class=\"part-card\">\r\n\r\n        <div class=\"part-top\">\r\n\r\n          <div class=\"part-number\">\r\n            06 \/ Izbolj\u0161ujemo\r\n          <\/div>\r\n\r\n          <div class=\"part-icon\"><\/div>\r\n\r\n        <\/div>\r\n\r\n        <h3 class=\"part-title\">\r\n          Optimizacija\r\n        <\/h3>\r\n\r\n        <p class=\"part-description\">\r\n          Zmagovalne elemente izbolj\u0161ujemo, \u0161ibkej\u0161e testiramo\r\n          in sistem postopoma usmerjamo v bolj\u0161e rezultate.\r\n        <\/p>\r\n\r\n        <div class=\"part-flow\">\r\n          Rast\r\n          <span class=\"part-flow-line\"><\/span>\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"system-summary\">\r\n\r\n      <div class=\"summary-dots\">\r\n        <span class=\"summary-dot\"><\/span>\r\n        <span class=\"summary-dot\"><\/span>\r\n        <span class=\"summary-dot\"><\/span>\r\n      <\/div>\r\n\r\n      <div class=\"summary-text\">\r\n        Ne \u0161est lo\u010denih storitev.\r\n        <strong>\u0160est delov enega sistema.<\/strong>\r\n      <\/div>\r\n\r\n      <div class=\"summary-result\">\r\n        Oglas \u2192 stran \u2192 povpra\u0161evanje.\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n  function initObxPartsScroll(){\r\n\r\n    var sections =\r\n      document.querySelectorAll(\r\n        '[data-obx-parts-scroll]'\r\n      );\r\n\r\n    sections.forEach(function(section){\r\n\r\n      if(\r\n        section.dataset.obxPartsScrollInitialized ===\r\n        'true'\r\n      ){\r\n        return;\r\n      }\r\n\r\n      section.dataset.obxPartsScrollInitialized =\r\n        'true';\r\n\r\n      section.classList.add(\r\n        'obx-scroll-ready'\r\n      );\r\n\r\n\r\n      if(!('IntersectionObserver' in window)){\r\n\r\n        section.classList.add(\r\n          'obx-visible'\r\n        );\r\n\r\n        return;\r\n      }\r\n\r\n\r\n      var isMobile =\r\n        window.matchMedia(\r\n          '(max-width:767px)'\r\n        ).matches;\r\n\r\n\r\n      var observer =\r\n        new IntersectionObserver(\r\n\r\n          function(entries){\r\n\r\n            entries.forEach(function(entry){\r\n\r\n              if(entry.isIntersecting){\r\n\r\n                entry.target.classList.add(\r\n                  'obx-visible'\r\n                );\r\n\r\n                observer.unobserve(\r\n                  entry.target\r\n                );\r\n\r\n              }\r\n\r\n            });\r\n\r\n          },\r\n\r\n          {\r\n            threshold:isMobile ? 0.12 : 0.15,\r\n\r\n            rootMargin:isMobile\r\n              ? '0px 0px -6% 0px'\r\n              : '0px 0px -5% 0px'\r\n          }\r\n\r\n        );\r\n\r\n\r\n      observer.observe(section);\r\n\r\n    });\r\n\r\n  }\r\n\r\n\r\n  function initObxParts(){\r\n    initObxPartsScroll();\r\n  }\r\n\r\n\r\n  if(document.readyState === 'loading'){\r\n\r\n    document.addEventListener(\r\n      'DOMContentLoaded',\r\n      initObxParts\r\n    );\r\n\r\n  }else{\r\n\r\n    initObxParts();\r\n\r\n  }\r\n\r\n\r\n  window.addEventListener(\r\n    'load',\r\n    initObxParts\r\n  );\r\n\r\n\r\n  if(window.jQuery){\r\n\r\n    window.jQuery(window).on(\r\n      'elementor\/frontend\/init',\r\n      function(){\r\n\r\n        setTimeout(\r\n          initObxParts,\r\n          100\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-103731b e-flex e-con-boxed e-con e-parent\" data-id=\"103731b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-918910f elementor-widget elementor-widget-html\" data-id=\"918910f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.obx-focus{\r\n  --white:#ffffff;\r\n  --surface:#f7f7f5;\r\n  --surface-2:#f2f2ef;\r\n  --text:#080808;\r\n  --muted:#656569;\r\n  --line:#dededb;\r\n  --red:#ff3538;\r\n  --blue:#2f7df6;\r\n  --yellow:#ffc51b;\r\n\r\n  width:100%;\r\n  color:var(--text);\r\n  font-family:Poppins,Arial,sans-serif;\r\n  box-sizing:border-box;\r\n  overflow:visible;\r\n}\r\n\r\n.obx-focus *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.obx-focus h1,\r\n.obx-focus h2,\r\n.obx-focus h3,\r\n.obx-focus .anton{\r\n  margin:0;\r\n  font-family:Anton,Impact,\"Arial Narrow\",sans-serif;\r\n  text-transform:uppercase;\r\n  letter-spacing:.01em;\r\n  overflow:visible;\r\n}\r\n\r\n.obx-focus p{\r\n  margin:0;\r\n  color:var(--muted);\r\n  font-size:16px;\r\n  line-height:1.65;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION\r\n========================================================= *\/\r\n\r\n.obx-focus .focus-section{\r\n  width:100%;\r\n  padding:82px 0;\r\n  overflow:visible;\r\n}\r\n\r\n.obx-focus .grid2{\r\n  display:grid;\r\n  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);\r\n  gap:72px;\r\n  align-items:center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EYEBROW\r\n========================================================= *\/\r\n\r\n.obx-focus .eyebrow{\r\n  margin-bottom:16px;\r\n\r\n  color:#6b6b70;\r\n\r\n  font-size:12px;\r\n  line-height:1.5;\r\n  font-weight:700;\r\n  letter-spacing:.16em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN TITLE\r\n========================================================= *\/\r\n\r\n.obx-focus .title{\r\n  max-width:720px;\r\n\r\n  color:var(--text);\r\n\r\n  font-family:Anton,Impact,\"Arial Narrow\",sans-serif;\r\n  font-size:clamp(38px,5vw,72px);\r\n  font-weight:400;\r\n  line-height:1;\r\n  letter-spacing:.01em;\r\n  text-transform:uppercase;\r\n\r\n  overflow:visible;\r\n}\r\n\r\n.obx-focus .title-line{\r\n  display:block;\r\n  position:relative;\r\n\r\n  line-height:1.04;\r\n\r\n  overflow:visible;\r\n}\r\n\r\n.obx-focus .title-line-gap{\r\n  padding-top:.10em;\r\n  margin-top:.015em;\r\n}\r\n\r\n.obx-focus .title-red{\r\n  color:var(--red);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT MARKER\r\n========================================================= *\/\r\n\r\n.obx-focus .focus-marker{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:8px;\r\n\r\n  margin-top:31px;\r\n}\r\n\r\n.obx-focus .marker-dot{\r\n  width:7px;\r\n  height:7px;\r\n  flex:0 0 7px;\r\n\r\n  border-radius:50%;\r\n}\r\n\r\n.obx-focus .marker-dot:nth-child(1){\r\n  background:var(--red);\r\n}\r\n\r\n.obx-focus .marker-dot:nth-child(2){\r\n  background:var(--blue);\r\n}\r\n\r\n.obx-focus .marker-dot:nth-child(3){\r\n  background:var(--yellow);\r\n}\r\n\r\n.obx-focus .marker-line{\r\n  width:74px;\r\n  height:1px;\r\n\r\n  margin-left:5px;\r\n\r\n  background:#d2d2cf;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PREMIUM LIGHT CARD\r\n========================================================= *\/\r\n\r\n.obx-focus .focus-card{\r\n  position:relative;\r\n\r\n  padding:32px 34px 33px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 100% 0%,\r\n      rgba(47,125,246,.045) 0%,\r\n      rgba(47,125,246,0) 35%\r\n    ),\r\n    linear-gradient(\r\n      145deg,\r\n      var(--surface) 0%,\r\n      var(--surface-2) 100%\r\n    );\r\n\r\n  border:1px solid #dededb;\r\n  border-radius:18px;\r\n\r\n  overflow:hidden;\r\n\r\n  box-shadow:\r\n    0 24px 65px rgba(8,8,8,.055),\r\n    0 4px 15px rgba(8,8,8,.025),\r\n    inset 0 1px 0 rgba(255,255,255,.95);\r\n}\r\n\r\n\r\n\/* subtle colored top line *\/\r\n\r\n.obx-focus .focus-card:before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n  left:0;\r\n  top:0;\r\n\r\n  width:100%;\r\n  height:2px;\r\n\r\n  background:linear-gradient(\r\n    90deg,\r\n    var(--red) 0 33.333%,\r\n    var(--blue) 33.333% 66.666%,\r\n    var(--yellow) 66.666% 100%\r\n  );\r\n\r\n  transform-origin:left center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD LABEL\r\n========================================================= *\/\r\n\r\n.obx-focus .card-label{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:20px;\r\n\r\n  margin-bottom:17px;\r\n}\r\n\r\n.obx-focus .card-label-text{\r\n  color:#77777c;\r\n\r\n  font-size:9px;\r\n  line-height:1.4;\r\n  font-weight:800;\r\n  letter-spacing:.14em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.obx-focus .card-label-number{\r\n  color:#a1a1a5;\r\n\r\n  font-size:9px;\r\n  line-height:1;\r\n  font-weight:700;\r\n  letter-spacing:.12em;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NO LIST\r\n========================================================= *\/\r\n\r\n.obx-focus .no-list{\r\n  display:flex;\r\n  flex-direction:column;\r\n}\r\n\r\n.obx-focus .no-item{\r\n  position:relative;\r\n\r\n  display:grid;\r\n  grid-template-columns:36px minmax(0,1fr);\r\n  gap:15px;\r\n  align-items:center;\r\n\r\n  min-height:68px;\r\n\r\n  padding:14px 0;\r\n\r\n  border-bottom:1px solid #ddddda;\r\n\r\n  transition:\r\n    transform .38s cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n.obx-focus .no-item:last-child{\r\n  border-bottom:0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   X ICON\r\n========================================================= *\/\r\n\r\n.obx-focus .no-icon{\r\n  position:relative;\r\n\r\n  width:31px;\r\n  height:31px;\r\n\r\n  display:grid;\r\n  place-items:center;\r\n\r\n  color:var(--red);\r\n\r\n  background:rgba(255,255,255,.78);\r\n\r\n  border:1px solid #dcdcd9;\r\n  border-radius:50%;\r\n\r\n  font-size:19px;\r\n  line-height:1;\r\n  font-weight:500;\r\n\r\n  box-shadow:\r\n    0 3px 9px rgba(0,0,0,.025);\r\n\r\n  transition:\r\n    color .3s ease,\r\n    background .3s ease,\r\n    border-color .3s ease,\r\n    transform .42s cubic-bezier(.22,1,.36,1),\r\n    box-shadow .3s ease;\r\n}\r\n\r\n.obx-focus .no-text{\r\n  color:#29292d;\r\n\r\n  font-size:14px;\r\n  line-height:1.5;\r\n  font-weight:500;\r\n}\r\n\r\n\r\n\/* hover *\/\r\n\r\n.obx-focus .no-item:hover{\r\n  transform:translateX(4px);\r\n}\r\n\r\n.obx-focus .no-item:hover .no-icon{\r\n  color:#fff;\r\n\r\n  background:var(--red);\r\n  border-color:var(--red);\r\n\r\n  transform:rotate(90deg);\r\n\r\n  box-shadow:\r\n    0 6px 18px rgba(255,53,56,.18);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DIVIDER\r\n========================================================= *\/\r\n\r\n.obx-focus .rule{\r\n  width:100%;\r\n  height:1px;\r\n\r\n  margin:29px 0 27px;\r\n\r\n  background:#d5d5d2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESULT\r\n========================================================= *\/\r\n\r\n.obx-focus .result-eyebrow{\r\n  margin:0 0 12px;\r\n\r\n  color:#6b6b70;\r\n\r\n  font-size:10px;\r\n  line-height:1.4;\r\n  font-weight:800;\r\n  letter-spacing:.14em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.obx-focus .result-title{\r\n  max-width:620px;\r\n\r\n  color:var(--text);\r\n\r\n  font-family:Anton,Impact,\"Arial Narrow\",sans-serif;\r\n  font-size:clamp(37px,4.5vw,61px);\r\n  font-weight:400;\r\n  line-height:1;\r\n  letter-spacing:.01em;\r\n  text-transform:uppercase;\r\n\r\n  overflow:visible;\r\n}\r\n\r\n.obx-focus .result-line{\r\n  display:block;\r\n  position:relative;\r\n\r\n  line-height:1.04;\r\n\r\n  overflow:visible;\r\n}\r\n\r\n.obx-focus .result-line-second{\r\n  padding-top:.10em;\r\n  margin-top:.015em;\r\n}\r\n\r\n.obx-focus .result-yellow{\r\n  color:#dfa600;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESULT FOOTER\r\n========================================================= *\/\r\n\r\n.obx-focus .result-footer{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:12px;\r\n\r\n  margin-top:23px;\r\n}\r\n\r\n.obx-focus .result-footer-dot{\r\n  width:8px;\r\n  height:8px;\r\n  flex:0 0 8px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:var(--blue);\r\n\r\n  box-shadow:\r\n    0 0 0 5px rgba(47,125,246,.08);\r\n}\r\n\r\n.obx-focus .result-footer-text{\r\n  color:#747479;\r\n\r\n  font-size:11px;\r\n  line-height:1.5;\r\n  font-weight:600;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SCROLL ANIMATIONS\r\n========================================================= *\/\r\n\r\n@keyframes obxFocusFadeUp{\r\n  from{\r\n    opacity:0;\r\n    transform:translateY(20px);\r\n  }\r\n\r\n  to{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes obxFocusCardIn{\r\n  from{\r\n    opacity:0;\r\n    transform:translateY(28px);\r\n  }\r\n\r\n  to{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes obxFocusItemIn{\r\n  from{\r\n    opacity:0;\r\n    transform:translateX(22px);\r\n  }\r\n\r\n  to{\r\n    opacity:1;\r\n    transform:translateX(0);\r\n  }\r\n}\r\n\r\n@keyframes obxFocusLineGrow{\r\n  from{\r\n    transform:scaleX(0);\r\n  }\r\n\r\n  to{\r\n    transform:scaleX(1);\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INITIAL HIDDEN STATE\r\n   ONLY AFTER JS IS READY\r\n========================================================= *\/\r\n\r\n.obx-focus.obx-scroll-ready .focus-eyebrow,\r\n.obx-focus.obx-scroll-ready .focus-title,\r\n.obx-focus.obx-scroll-ready .focus-marker,\r\n.obx-focus.obx-scroll-ready .focus-card{\r\n  opacity:0;\r\n}\r\n\r\n.obx-focus.obx-scroll-ready .focus-eyebrow,\r\n.obx-focus.obx-scroll-ready .focus-title,\r\n.obx-focus.obx-scroll-ready .focus-marker{\r\n  transform:translateY(20px);\r\n}\r\n\r\n.obx-focus.obx-scroll-ready .focus-card{\r\n  transform:translateY(28px);\r\n}\r\n\r\n.obx-focus.obx-scroll-ready .no-item{\r\n  opacity:0;\r\n  transform:translateX(22px);\r\n}\r\n\r\n.obx-focus.obx-scroll-ready .rule,\r\n.obx-focus.obx-scroll-ready .result-eyebrow,\r\n.obx-focus.obx-scroll-ready .result-title,\r\n.obx-focus.obx-scroll-ready .result-footer{\r\n  opacity:0;\r\n  transform:translateY(16px);\r\n}\r\n\r\n.obx-focus.obx-scroll-ready .focus-card:before{\r\n  transform:scaleX(0);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT SIDE ANIMATION\r\n========================================================= *\/\r\n\r\n.obx-focus.obx-scroll-ready.obx-visible .focus-eyebrow{\r\n  animation:\r\n    obxFocusFadeUp\r\n    .56s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .04s\r\n    forwards;\r\n}\r\n\r\n.obx-focus.obx-scroll-ready.obx-visible .focus-title{\r\n  animation:\r\n    obxFocusFadeUp\r\n    .64s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .12s\r\n    forwards;\r\n}\r\n\r\n.obx-focus.obx-scroll-ready.obx-visible .focus-marker{\r\n  animation:\r\n    obxFocusFadeUp\r\n    .56s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .26s\r\n    forwards;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD ANIMATION\r\n========================================================= *\/\r\n\r\n.obx-focus.obx-scroll-ready.obx-visible .focus-card{\r\n  animation:\r\n    obxFocusCardIn\r\n    .68s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .28s\r\n    forwards;\r\n}\r\n\r\n.obx-focus.obx-scroll-ready.obx-visible .focus-card:before{\r\n  animation:\r\n    obxFocusLineGrow\r\n    .64s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .50s\r\n    forwards;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LIST STAGGER\r\n========================================================= *\/\r\n\r\n.obx-focus.obx-scroll-ready.obx-visible .no-item:nth-child(1){\r\n  animation:\r\n    obxFocusItemIn\r\n    .60s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .58s\r\n    forwards;\r\n}\r\n\r\n.obx-focus.obx-scroll-ready.obx-visible .no-item:nth-child(2){\r\n  animation:\r\n    obxFocusItemIn\r\n    .60s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .72s\r\n    forwards;\r\n}\r\n\r\n.obx-focus.obx-scroll-ready.obx-visible .no-item:nth-child(3){\r\n  animation:\r\n    obxFocusItemIn\r\n    .60s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .86s\r\n    forwards;\r\n}\r\n\r\n.obx-focus.obx-scroll-ready.obx-visible .no-item:nth-child(4){\r\n  animation:\r\n    obxFocusItemIn\r\n    .60s\r\n    cubic-bezier(.22,1,.36,1)\r\n    1.00s\r\n    forwards;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESULT ANIMATION\r\n========================================================= *\/\r\n\r\n.obx-focus.obx-scroll-ready.obx-visible .rule{\r\n  animation:\r\n    obxFocusFadeUp\r\n    .52s\r\n    cubic-bezier(.22,1,.36,1)\r\n    1.12s\r\n    forwards;\r\n}\r\n\r\n.obx-focus.obx-scroll-ready.obx-visible .result-eyebrow{\r\n  animation:\r\n    obxFocusFadeUp\r\n    .54s\r\n    cubic-bezier(.22,1,.36,1)\r\n    1.22s\r\n    forwards;\r\n}\r\n\r\n.obx-focus.obx-scroll-ready.obx-visible .result-title{\r\n  animation:\r\n    obxFocusFadeUp\r\n    .62s\r\n    cubic-bezier(.22,1,.36,1)\r\n    1.32s\r\n    forwards;\r\n}\r\n\r\n.obx-focus.obx-scroll-ready.obx-visible .result-footer{\r\n  animation:\r\n    obxFocusFadeUp\r\n    .56s\r\n    cubic-bezier(.22,1,.36,1)\r\n    1.46s\r\n    forwards;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1000px){\r\n\r\n  .obx-focus .grid2{\r\n    grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);\r\n    gap:44px;\r\n  }\r\n\r\n  .obx-focus .focus-card{\r\n    padding:28px;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:767px){\r\n\r\n  .obx-focus .focus-section{\r\n    padding:60px 0;\r\n  }\r\n\r\n  .obx-focus .grid2{\r\n    grid-template-columns:1fr;\r\n    gap:38px;\r\n  }\r\n\r\n  .obx-focus .eyebrow{\r\n    margin-bottom:13px;\r\n\r\n    font-size:11px;\r\n    line-height:1.55;\r\n  }\r\n\r\n  .obx-focus .title{\r\n    font-size:clamp(40px,12vw,58px);\r\n  }\r\n\r\n  .obx-focus .title-line{\r\n    line-height:1.05;\r\n  }\r\n\r\n  .obx-focus .title-line-gap{\r\n    padding-top:.11em;\r\n    margin-top:.02em;\r\n  }\r\n\r\n  .obx-focus p{\r\n    font-size:15px;\r\n  }\r\n\r\n  .obx-focus .focus-marker{\r\n    margin-top:25px;\r\n  }\r\n\r\n  .obx-focus .focus-card{\r\n    padding:23px 21px 25px;\r\n\r\n    border-radius:16px;\r\n\r\n    box-shadow:\r\n      0 18px 45px rgba(8,8,8,.05),\r\n      0 3px 10px rgba(8,8,8,.02),\r\n      inset 0 1px 0 rgba(255,255,255,.95);\r\n  }\r\n\r\n  .obx-focus .card-label{\r\n    margin-bottom:14px;\r\n  }\r\n\r\n  .obx-focus .no-item{\r\n    grid-template-columns:32px minmax(0,1fr);\r\n    gap:12px;\r\n\r\n    min-height:64px;\r\n  }\r\n\r\n  .obx-focus .no-icon{\r\n    width:29px;\r\n    height:29px;\r\n\r\n    font-size:18px;\r\n  }\r\n\r\n  .obx-focus .no-text{\r\n    font-size:13px;\r\n    line-height:1.5;\r\n  }\r\n\r\n  .obx-focus .rule{\r\n    margin:25px 0 23px;\r\n  }\r\n\r\n  .obx-focus .result-title{\r\n    font-size:clamp(37px,11vw,53px);\r\n  }\r\n\r\n  .obx-focus .result-line{\r\n    line-height:1.05;\r\n  }\r\n\r\n  .obx-focus .result-line-second{\r\n    padding-top:.11em;\r\n    margin-top:.02em;\r\n  }\r\n\r\n\r\n  \/* MOBILE ANIMATIONS *\/\r\n\r\n  .obx-focus.obx-scroll-ready.obx-visible .focus-eyebrow{\r\n    animation-delay:.04s;\r\n    animation-duration:.56s;\r\n  }\r\n\r\n  .obx-focus.obx-scroll-ready.obx-visible .focus-title{\r\n    animation-delay:.12s;\r\n    animation-duration:.64s;\r\n  }\r\n\r\n  .obx-focus.obx-scroll-ready.obx-visible .focus-marker{\r\n    animation-delay:.24s;\r\n    animation-duration:.58s;\r\n  }\r\n\r\n  .obx-focus.obx-scroll-ready.obx-visible .focus-card{\r\n    animation-delay:.30s;\r\n    animation-duration:.66s;\r\n  }\r\n\r\n  .obx-focus.obx-scroll-ready.obx-visible .focus-card:before{\r\n    animation-delay:.50s;\r\n  }\r\n\r\n  .obx-focus.obx-scroll-ready.obx-visible .no-item:nth-child(1){\r\n    animation-delay:.58s;\r\n    animation-duration:.60s;\r\n  }\r\n\r\n  .obx-focus.obx-scroll-ready.obx-visible .no-item:nth-child(2){\r\n    animation-delay:.72s;\r\n    animation-duration:.60s;\r\n  }\r\n\r\n  .obx-focus.obx-scroll-ready.obx-visible .no-item:nth-child(3){\r\n    animation-delay:.86s;\r\n    animation-duration:.60s;\r\n  }\r\n\r\n  .obx-focus.obx-scroll-ready.obx-visible .no-item:nth-child(4){\r\n    animation-delay:1.00s;\r\n    animation-duration:.60s;\r\n  }\r\n\r\n  .obx-focus.obx-scroll-ready.obx-visible .rule{\r\n    animation-delay:1.12s;\r\n  }\r\n\r\n  .obx-focus.obx-scroll-ready.obx-visible .result-eyebrow{\r\n    animation-delay:1.22s;\r\n  }\r\n\r\n  .obx-focus.obx-scroll-ready.obx-visible .result-title{\r\n    animation-delay:1.32s;\r\n    animation-duration:.62s;\r\n  }\r\n\r\n  .obx-focus.obx-scroll-ready.obx-visible .result-footer{\r\n    animation-delay:1.46s;\r\n    animation-duration:.56s;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:390px){\r\n\r\n  .obx-focus .title{\r\n    font-size:clamp(37px,11.5vw,50px);\r\n  }\r\n\r\n  .obx-focus .title-line-gap{\r\n    padding-top:.12em;\r\n  }\r\n\r\n  .obx-focus .result-title{\r\n    font-size:clamp(35px,10.5vw,48px);\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  .obx-focus.obx-scroll-ready .focus-eyebrow,\r\n  .obx-focus.obx-scroll-ready .focus-title,\r\n  .obx-focus.obx-scroll-ready .focus-marker,\r\n  .obx-focus.obx-scroll-ready .focus-card,\r\n  .obx-focus.obx-scroll-ready .no-item,\r\n  .obx-focus.obx-scroll-ready .rule,\r\n  .obx-focus.obx-scroll-ready .result-eyebrow,\r\n  .obx-focus.obx-scroll-ready .result-title,\r\n  .obx-focus.obx-scroll-ready .result-footer{\r\n    opacity:1;\r\n    transform:none;\r\n    animation:none!important;\r\n  }\r\n\r\n  .obx-focus.obx-scroll-ready .focus-card:before{\r\n    transform:scaleX(1);\r\n    animation:none!important;\r\n  }\r\n\r\n  .obx-focus .no-item,\r\n  .obx-focus .no-icon{\r\n    transition:none!important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n\r\n<section\r\n  class=\"obx-focus\"\r\n  data-obx-focus-scroll\r\n  aria-label=\"Fokus Oblikov Lead Systema\"\r\n>\r\n\r\n  <div class=\"focus-section\">\r\n\r\n    <div class=\"grid2\">\r\n\r\n\r\n      <!-- LEFT -->\r\n\r\n      <div>\r\n\r\n        <div class=\"eyebrow focus-eyebrow\">\r\n          Fokus namesto kaosa\r\n        <\/div>\r\n\r\n\r\n        <h2 class=\"title focus-title\">\r\n\r\n          <span class=\"title-line\">\r\n            Ne potrebujete\r\n          <\/span>\r\n\r\n          <span class=\"title-line title-line-gap\">\r\n            \u0161e ene\r\n          <\/span>\r\n\r\n          <span class=\"title-line title-line-gap title-red\">\r\n            full-service agencije.\r\n          <\/span>\r\n\r\n        <\/h2>\r\n\r\n\r\n        <div class=\"focus-marker\">\r\n\r\n          <span class=\"marker-dot\"><\/span>\r\n          <span class=\"marker-dot\"><\/span>\r\n          <span class=\"marker-dot\"><\/span>\r\n\r\n          <span class=\"marker-line\"><\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- RIGHT -->\r\n\r\n      <div class=\"focus-card\">\r\n\r\n\r\n        <div class=\"card-label\">\r\n\r\n          <span class=\"card-label-text\">\r\n            \u010cesa pri nas ne dobite\r\n          <\/span>\r\n\r\n          <span class=\"card-label-number\">\r\n            04 \u00d7 NE\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"no-list\">\r\n\r\n\r\n          <div class=\"no-item\">\r\n\r\n            <div class=\"no-icon\">\r\n              \u00d7\r\n            <\/div>\r\n\r\n            <div class=\"no-text\">\r\n              Ne upravljamo va\u0161ih dru\u017ebenih omre\u017eij.\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"no-item\">\r\n\r\n            <div class=\"no-icon\">\r\n              \u00d7\r\n            <\/div>\r\n\r\n            <div class=\"no-text\">\r\n              Ne pi\u0161emo blogov samo zato, da jih nekdo pi\u0161e.\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"no-item\">\r\n\r\n            <div class=\"no-icon\">\r\n              \u00d7\r\n            <\/div>\r\n\r\n            <div class=\"no-text\">\r\n              Ne organiziramo nepotrebnih tedenskih sestankov.\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"no-item\">\r\n\r\n            <div class=\"no-icon\">\r\n              \u00d7\r\n            <\/div>\r\n\r\n            <div class=\"no-text\">\r\n              Ne prodajamo desetih storitev, ki jih ne potrebujete.\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"rule\"><\/div>\r\n\r\n\r\n        <div class=\"result-eyebrow\">\r\n          Osredoto\u010dimo se na eno stvar\r\n        <\/div>\r\n\r\n\r\n        <div class=\"result-title\">\r\n\r\n          <span class=\"result-line\">\r\n            Ve\u010d kakovostnih\r\n          <\/span>\r\n\r\n          <span class=\"result-line result-line-second result-yellow\">\r\n            povpra\u0161evanj.\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"result-footer\">\r\n\r\n          <span class=\"result-footer-dot\"><\/span>\r\n\r\n          <span class=\"result-footer-text\">\r\n            En jasen cilj. En povezan sistem.\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n  function initObxFocusScroll(){\r\n\r\n    var sections =\r\n      document.querySelectorAll(\r\n        '[data-obx-focus-scroll]'\r\n      );\r\n\r\n\r\n    sections.forEach(function(section){\r\n\r\n      if(\r\n        section.dataset.obxFocusScrollInitialized ===\r\n        'true'\r\n      ){\r\n        return;\r\n      }\r\n\r\n\r\n      section.dataset.obxFocusScrollInitialized =\r\n        'true';\r\n\r\n\r\n      section.classList.add(\r\n        'obx-scroll-ready'\r\n      );\r\n\r\n\r\n      if(!('IntersectionObserver' in window)){\r\n\r\n        section.classList.add(\r\n          'obx-visible'\r\n        );\r\n\r\n        return;\r\n      }\r\n\r\n\r\n      var isMobile =\r\n        window.matchMedia(\r\n          '(max-width:767px)'\r\n        ).matches;\r\n\r\n\r\n      var observer =\r\n        new IntersectionObserver(\r\n\r\n          function(entries){\r\n\r\n            entries.forEach(function(entry){\r\n\r\n              if(entry.isIntersecting){\r\n\r\n                entry.target.classList.add(\r\n                  'obx-visible'\r\n                );\r\n\r\n                observer.unobserve(\r\n                  entry.target\r\n                );\r\n\r\n              }\r\n\r\n            });\r\n\r\n          },\r\n\r\n          {\r\n            threshold:isMobile ? 0.12 : 0.15,\r\n\r\n            rootMargin:isMobile\r\n              ? '0px 0px -6% 0px'\r\n              : '0px 0px -5% 0px'\r\n          }\r\n\r\n        );\r\n\r\n\r\n      observer.observe(section);\r\n\r\n    });\r\n\r\n  }\r\n\r\n\r\n  function initObxFocus(){\r\n    initObxFocusScroll();\r\n  }\r\n\r\n\r\n  if(document.readyState === 'loading'){\r\n\r\n    document.addEventListener(\r\n      'DOMContentLoaded',\r\n      initObxFocus\r\n    );\r\n\r\n  }else{\r\n\r\n    initObxFocus();\r\n\r\n  }\r\n\r\n\r\n  window.addEventListener(\r\n    'load',\r\n    initObxFocus\r\n  );\r\n\r\n\r\n  if(window.jQuery){\r\n\r\n    window.jQuery(window).on(\r\n      'elementor\/frontend\/init',\r\n      function(){\r\n\r\n        setTimeout(\r\n          initObxFocus,\r\n          100\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-166c871 e-flex e-con-boxed e-con e-parent\" data-id=\"166c871\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-532f335 elementor-widget elementor-widget-html\" data-id=\"532f335\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.obx-wordpress{\r\n  --bg:#050505;\r\n  --card:#0d0d0f;\r\n  --line:#242428;\r\n  --text:#f7f7f4;\r\n  --muted:#aaaab0;\r\n  --red:#ff3538;\r\n  --blue:#2f7df6;\r\n  --yellow:#ffc51b;\r\n\r\n  width:100%;\r\n  color:var(--text);\r\n  font-family:Poppins,Arial,sans-serif;\r\n  box-sizing:border-box;\r\n  overflow:visible;\r\n}\r\n\r\n.obx-wordpress *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.obx-wordpress h1,\r\n.obx-wordpress h2,\r\n.obx-wordpress h3,\r\n.obx-wordpress .anton{\r\n  margin:0;\r\n  font-family:Anton,Impact,\"Arial Narrow\",sans-serif;\r\n  text-transform:uppercase;\r\n  letter-spacing:.01em;\r\n  overflow:visible;\r\n}\r\n\r\n.obx-wordpress p{\r\n  margin:0;\r\n  color:var(--muted);\r\n  font-size:16px;\r\n  line-height:1.65;\r\n}\r\n\r\n.obx-wordpress strong{\r\n  color:var(--text);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION\r\n========================================================= *\/\r\n\r\n.obx-wordpress .wordpress-section{\r\n  padding:24px 0 72px;\r\n  overflow:visible;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN CARD\r\n========================================================= *\/\r\n\r\n.obx-wordpress .wordpress-card{\r\n  position:relative;\r\n  isolation:isolate;\r\n\r\n  width:100%;\r\n  min-height:480px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  padding:clamp(34px,5vw,64px);\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 88% 16%,\r\n      rgba(47,125,246,.10) 0%,\r\n      rgba(47,125,246,.035) 24%,\r\n      transparent 46%\r\n    ),\r\n    linear-gradient(\r\n      145deg,\r\n      #121214 0%,\r\n      #0b0b0d 52%,\r\n      #08080a 100%\r\n    );\r\n\r\n  border:1px solid var(--line);\r\n  border-radius:20px;\r\n\r\n  overflow:hidden;\r\n\r\n  box-shadow:\r\n    0 32px 80px rgba(0,0,0,.24),\r\n    inset 0 1px 0 rgba(255,255,255,.035);\r\n}\r\n\r\n\r\n\/* premium top accent *\/\r\n\r\n.obx-wordpress .wordpress-card:before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n  z-index:3;\r\n  left:0;\r\n  top:0;\r\n\r\n  width:100%;\r\n  height:2px;\r\n\r\n  background:linear-gradient(\r\n    90deg,\r\n    var(--red) 0 33.333%,\r\n    var(--blue) 33.333% 66.666%,\r\n    var(--yellow) 66.666% 100%\r\n  );\r\n\r\n  transform-origin:left center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ANIMATED TARGET\r\n========================================================= *\/\r\n\r\n.obx-wordpress .wp-visual{\r\n  position:absolute;\r\n  z-index:-1;\r\n\r\n  right:-25px;\r\n  top:50%;\r\n\r\n  width:min(39vw,460px);\r\n  aspect-ratio:1;\r\n\r\n  transform:translateY(-50%);\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n\r\n\/* Entire radar rotates extremely slowly *\/\r\n\r\n.obx-wordpress .wp-radar{\r\n  position:absolute;\r\n  inset:0;\r\n\r\n  transform-origin:center;\r\n\r\n  animation:\r\n    obxTargetRotate\r\n    34s\r\n    linear\r\n    infinite;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TARGET CIRCLES\r\n========================================================= *\/\r\n\r\n.obx-wordpress .wp-circle{\r\n  position:absolute;\r\n\r\n  border:1px solid rgba(255,255,255,.065);\r\n  border-radius:50%;\r\n\r\n  transform-origin:center;\r\n}\r\n\r\n.obx-wordpress .wp-circle-1{\r\n  inset:0;\r\n\r\n  animation:\r\n    obxTargetCircleOuter\r\n    7s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n.obx-wordpress .wp-circle-2{\r\n  inset:15%;\r\n\r\n  border-color:rgba(47,125,246,.13);\r\n\r\n  animation:\r\n    obxTargetCircleMiddle\r\n    5.5s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n.obx-wordpress .wp-circle-3{\r\n  inset:31%;\r\n\r\n  border-color:rgba(255,255,255,.08);\r\n\r\n  animation:\r\n    obxTargetCircleInner\r\n    4.4s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CROSSHAIR\r\n========================================================= *\/\r\n\r\n.obx-wordpress .wp-cross-horizontal,\r\n.obx-wordpress .wp-cross-vertical{\r\n  position:absolute;\r\n\r\n  left:50%;\r\n  top:50%;\r\n\r\n  background:rgba(255,255,255,.055);\r\n\r\n  transform-origin:center;\r\n}\r\n\r\n.obx-wordpress .wp-cross-horizontal{\r\n  width:100%;\r\n  height:1px;\r\n\r\n  transform:translate(-50%,-50%);\r\n}\r\n\r\n.obx-wordpress .wp-cross-vertical{\r\n  width:1px;\r\n  height:100%;\r\n\r\n  transform:translate(-50%,-50%);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RADAR SWEEP\r\n========================================================= *\/\r\n\r\n.obx-wordpress .wp-sweep{\r\n  position:absolute;\r\n\r\n  left:50%;\r\n  top:50%;\r\n\r\n  width:50%;\r\n  height:50%;\r\n\r\n  transform-origin:0 100%;\r\n\r\n  overflow:hidden;\r\n\r\n  opacity:.42;\r\n\r\n  animation:\r\n    obxRadarSweep\r\n    6.8s\r\n    linear\r\n    infinite;\r\n}\r\n\r\n.obx-wordpress .wp-sweep:before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:0;\r\n  bottom:0;\r\n\r\n  width:100%;\r\n  height:100%;\r\n\r\n  background:\r\n    conic-gradient(\r\n      from 270deg at 0% 100%,\r\n      rgba(47,125,246,.20) 0deg,\r\n      rgba(47,125,246,.08) 15deg,\r\n      rgba(47,125,246,0) 48deg\r\n    );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TARGET TRACKING DOTS\r\n========================================================= *\/\r\n\r\n.obx-wordpress .wp-track-dot{\r\n  position:absolute;\r\n\r\n  width:6px;\r\n  height:6px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:var(--blue);\r\n\r\n  box-shadow:\r\n    0 0 0 4px rgba(47,125,246,.07),\r\n    0 0 18px rgba(47,125,246,.28);\r\n}\r\n\r\n.obx-wordpress .wp-track-dot-1{\r\n  left:24%;\r\n  top:34%;\r\n\r\n  animation:\r\n    obxTrackDotOne\r\n    5.6s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n.obx-wordpress .wp-track-dot-2{\r\n  right:23%;\r\n  bottom:30%;\r\n\r\n  width:5px;\r\n  height:5px;\r\n\r\n  background:var(--yellow);\r\n\r\n  box-shadow:\r\n    0 0 0 4px rgba(255,197,27,.06),\r\n    0 0 17px rgba(255,197,27,.20);\r\n\r\n  animation:\r\n    obxTrackDotTwo\r\n    6.4s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n.obx-wordpress .wp-track-dot-3{\r\n  right:31%;\r\n  top:19%;\r\n\r\n  width:4px;\r\n  height:4px;\r\n\r\n  background:var(--red);\r\n\r\n  box-shadow:\r\n    0 0 0 4px rgba(255,53,56,.05),\r\n    0 0 14px rgba(255,53,56,.18);\r\n\r\n  animation:\r\n    obxTrackDotThree\r\n    7.2s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CENTRAL CORE\r\n========================================================= *\/\r\n\r\n.obx-wordpress .wp-core{\r\n  position:absolute;\r\n\r\n  left:50%;\r\n  top:50%;\r\n\r\n  width:88px;\r\n  height:88px;\r\n\r\n  transform:translate(-50%,-50%);\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(47,125,246,.26) 0%,\r\n      rgba(47,125,246,.09) 40%,\r\n      rgba(47,125,246,0) 72%\r\n    );\r\n\r\n  animation:\r\n    obxCorePulse\r\n    4.2s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n\r\n\/* precise center point *\/\r\n\r\n.obx-wordpress .wp-core-point{\r\n  position:absolute;\r\n\r\n  left:50%;\r\n  top:50%;\r\n\r\n  width:7px;\r\n  height:7px;\r\n\r\n  transform:translate(-50%,-50%);\r\n\r\n  border-radius:50%;\r\n\r\n  background:var(--blue);\r\n\r\n  box-shadow:\r\n    0 0 0 5px rgba(47,125,246,.09),\r\n    0 0 24px rgba(47,125,246,.35);\r\n\r\n  animation:\r\n    obxCorePoint\r\n    2.8s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TARGET ANIMATION KEYFRAMES\r\n========================================================= *\/\r\n\r\n@keyframes obxTargetRotate{\r\n  from{\r\n    transform:rotate(0deg);\r\n  }\r\n\r\n  to{\r\n    transform:rotate(360deg);\r\n  }\r\n}\r\n\r\n\r\n@keyframes obxTargetCircleOuter{\r\n  0%,100%{\r\n    transform:scale(1);\r\n    opacity:.65;\r\n  }\r\n\r\n  50%{\r\n    transform:scale(1.025);\r\n    opacity:1;\r\n  }\r\n}\r\n\r\n\r\n@keyframes obxTargetCircleMiddle{\r\n  0%,100%{\r\n    transform:scale(1);\r\n    opacity:.70;\r\n  }\r\n\r\n  50%{\r\n    transform:scale(.975);\r\n    opacity:1;\r\n  }\r\n}\r\n\r\n\r\n@keyframes obxTargetCircleInner{\r\n  0%,100%{\r\n    transform:scale(.985);\r\n    opacity:.65;\r\n  }\r\n\r\n  50%{\r\n    transform:scale(1.025);\r\n    opacity:1;\r\n  }\r\n}\r\n\r\n\r\n@keyframes obxRadarSweep{\r\n  from{\r\n    transform:rotate(0deg);\r\n  }\r\n\r\n  to{\r\n    transform:rotate(360deg);\r\n  }\r\n}\r\n\r\n\r\n@keyframes obxCorePulse{\r\n  0%,100%{\r\n    transform:translate(-50%,-50%) scale(.92);\r\n    opacity:.55;\r\n  }\r\n\r\n  50%{\r\n    transform:translate(-50%,-50%) scale(1.12);\r\n    opacity:1;\r\n  }\r\n}\r\n\r\n\r\n@keyframes obxCorePoint{\r\n  0%,100%{\r\n    transform:translate(-50%,-50%) scale(.82);\r\n\r\n    box-shadow:\r\n      0 0 0 4px rgba(47,125,246,.07),\r\n      0 0 16px rgba(47,125,246,.20);\r\n  }\r\n\r\n  50%{\r\n    transform:translate(-50%,-50%) scale(1);\r\n\r\n    box-shadow:\r\n      0 0 0 8px rgba(47,125,246,.045),\r\n      0 0 28px rgba(47,125,246,.42);\r\n  }\r\n}\r\n\r\n\r\n@keyframes obxTrackDotOne{\r\n  0%,100%{\r\n    opacity:.25;\r\n    transform:scale(.65);\r\n  }\r\n\r\n  35%{\r\n    opacity:1;\r\n    transform:scale(1);\r\n  }\r\n\r\n  65%{\r\n    opacity:.65;\r\n    transform:scale(.82);\r\n  }\r\n}\r\n\r\n\r\n@keyframes obxTrackDotTwo{\r\n  0%,100%{\r\n    opacity:.20;\r\n    transform:scale(.7);\r\n  }\r\n\r\n  42%{\r\n    opacity:.85;\r\n    transform:scale(1);\r\n  }\r\n\r\n  70%{\r\n    opacity:.45;\r\n    transform:scale(.8);\r\n  }\r\n}\r\n\r\n\r\n@keyframes obxTrackDotThree{\r\n  0%,100%{\r\n    opacity:.12;\r\n    transform:scale(.65);\r\n  }\r\n\r\n  50%{\r\n    opacity:.75;\r\n    transform:scale(1);\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n========================================================= *\/\r\n\r\n.obx-wordpress .wordpress-content{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  width:min(100%,780px);\r\n}\r\n\r\n.obx-wordpress .eyebrow{\r\n  margin-bottom:16px;\r\n\r\n  color:#d8d8da;\r\n\r\n  font-size:12px;\r\n  line-height:1.5;\r\n  font-weight:700;\r\n  letter-spacing:.16em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   WORDPRESS TRUST BADGE\r\n========================================================= *\/\r\n\r\n.obx-wordpress .wp-brand-row{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:13px;\r\n  margin-bottom:13px;\r\n  min-height:40px;\r\n}\r\n\r\n.obx-wordpress .wp-brand-label{\r\n  display:block;\r\n  color:#d8d8da;\r\n  font-size:12px;\r\n  line-height:1;\r\n  font-weight:600;\r\n  letter-spacing:-.01em;\r\n  white-space:nowrap;\r\n}\r\n\r\n.obx-wordpress .wp-brand-logo{\r\n  display:block;\r\n  width:auto;\r\n  height:40px;\r\n  max-width:240px;\r\n  object-fit:contain;\r\n  object-position:left center;\r\n  opacity:.98;\r\n}\r\n\r\n\/* =========================================================\r\n   TITLE\r\n========================================================= *\/\r\n\r\n.obx-wordpress .title{\r\n  max-width:900px;\r\n\r\n  font-family:Anton,Impact,\"Arial Narrow\",sans-serif;\r\n  font-size:clamp(42px,5.5vw,78px);\r\n  font-weight:400;\r\n  line-height:1;\r\n  letter-spacing:.01em;\r\n  text-transform:uppercase;\r\n\r\n  overflow:visible;\r\n}\r\n\r\n.obx-wordpress .title-line{\r\n  display:block;\r\n  position:relative;\r\n\r\n  line-height:1.04;\r\n\r\n  overflow:visible;\r\n}\r\n\r\n.obx-wordpress .title-line-second{\r\n  padding-top:.10em;\r\n  margin-top:.015em;\r\n}\r\n\r\n.obx-wordpress .title-blue{\r\n  color:var(--blue);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COPY\r\n========================================================= *\/\r\n\r\n.obx-wordpress .wordpress-copy{\r\n  max-width:710px;\r\n\r\n  margin-top:25px;\r\n}\r\n\r\n.obx-wordpress .wordpress-copy p + p{\r\n  margin-top:12px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MICRO FLOW\r\n========================================================= *\/\r\n\r\n.obx-wordpress .wp-flow{\r\n  display:flex;\r\n  align-items:center;\r\n  flex-wrap:wrap;\r\n  gap:10px;\r\n\r\n  margin-top:27px;\r\n}\r\n\r\n.obx-wordpress .wp-flow-item{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:8px;\r\n\r\n  color:#b4b4b9;\r\n\r\n  font-size:10px;\r\n  line-height:1;\r\n  font-weight:700;\r\n  letter-spacing:.10em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.obx-wordpress .wp-flow-dot{\r\n  width:7px;\r\n  height:7px;\r\n  flex:0 0 7px;\r\n\r\n  border-radius:50%;\r\n}\r\n\r\n.obx-wordpress .wp-flow-item:nth-child(1) .wp-flow-dot{\r\n  background:var(--red);\r\n}\r\n\r\n.obx-wordpress .wp-flow-item:nth-child(3) .wp-flow-dot{\r\n  background:var(--blue);\r\n}\r\n\r\n.obx-wordpress .wp-flow-item:nth-child(5) .wp-flow-dot{\r\n  background:var(--yellow);\r\n}\r\n\r\n.obx-wordpress .wp-flow-arrow{\r\n  color:#505056;\r\n\r\n  font-size:13px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA\r\n========================================================= *\/\r\n\r\n.obx-wordpress .btn{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:12px;\r\n\r\n  margin-top:28px;\r\n  padding:15px 22px;\r\n\r\n  color:#050505!important;\r\n  background:#fff;\r\n\r\n  border:1px solid rgba(255,255,255,.8);\r\n  border-radius:10px;\r\n\r\n  text-decoration:none;\r\n\r\n  font-size:14px;\r\n  line-height:1.3;\r\n  font-weight:800;\r\n\r\n  box-shadow:\r\n    0 7px 25px rgba(255,255,255,.055);\r\n\r\n  transition:\r\n    transform .35s cubic-bezier(.22,1,.36,1),\r\n    background .25s ease,\r\n    box-shadow .35s ease;\r\n}\r\n\r\n.obx-wordpress .btn-arrow{\r\n  display:inline-block;\r\n\r\n  transition:\r\n    transform .35s cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n.obx-wordpress .btn:hover{\r\n  transform:translateY(-3px);\r\n\r\n  background:#f4f4f1;\r\n\r\n  box-shadow:\r\n    0 13px 35px rgba(255,255,255,.10);\r\n}\r\n\r\n.obx-wordpress .btn:hover .btn-arrow{\r\n  transform:translateX(4px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL LABEL\r\n========================================================= *\/\r\n\r\n.obx-wordpress .compatibility{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:10px;\r\n\r\n  margin-top:17px;\r\n\r\n  color:#77777d;\r\n\r\n  font-size:10px;\r\n  line-height:1.5;\r\n  font-weight:600;\r\n}\r\n\r\n.obx-wordpress .compatibility-icon{\r\n  position:relative;\r\n\r\n  width:7px;\r\n  height:7px;\r\n  flex:0 0 7px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:var(--blue);\r\n}\r\n\r\n.obx-wordpress .compatibility-icon:after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n  inset:-5px;\r\n\r\n  border:1px solid rgba(47,125,246,.22);\r\n  border-radius:50%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SCROLL ENTRANCE ANIMATIONS\r\n========================================================= *\/\r\n\r\n@keyframes obxWpFadeUp{\r\n  from{\r\n    opacity:0;\r\n    transform:translateY(20px);\r\n  }\r\n\r\n  to{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes obxWpCardIn{\r\n  from{\r\n    opacity:0;\r\n    transform:translateY(28px);\r\n  }\r\n\r\n  to{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes obxWpVisualIn{\r\n  from{\r\n    opacity:0;\r\n    transform:translateY(-50%) scale(.88);\r\n  }\r\n\r\n  to{\r\n    opacity:1;\r\n    transform:translateY(-50%) scale(1);\r\n  }\r\n}\r\n\r\n@keyframes obxWpLineGrow{\r\n  from{\r\n    transform:scaleX(0);\r\n  }\r\n\r\n  to{\r\n    transform:scaleX(1);\r\n  }\r\n}\r\n\r\n\r\n\/* only hide after JS initializes *\/\r\n\r\n.obx-wordpress.obx-scroll-ready .wordpress-card{\r\n  opacity:0;\r\n  transform:translateY(28px);\r\n}\r\n\r\n.obx-wordpress.obx-scroll-ready .wordpress-brand,\r\n.obx-wordpress.obx-scroll-ready .wordpress-eyebrow,\r\n.obx-wordpress.obx-scroll-ready .wordpress-title,\r\n.obx-wordpress.obx-scroll-ready .wordpress-copy,\r\n.obx-wordpress.obx-scroll-ready .wp-flow,\r\n.obx-wordpress.obx-scroll-ready .wordpress-cta,\r\n.obx-wordpress.obx-scroll-ready .compatibility{\r\n  opacity:0;\r\n  transform:translateY(20px);\r\n}\r\n\r\n.obx-wordpress.obx-scroll-ready .wp-visual{\r\n  opacity:0;\r\n  transform:translateY(-50%) scale(.88);\r\n}\r\n\r\n.obx-wordpress.obx-scroll-ready .wordpress-card:before{\r\n  transform:scaleX(0);\r\n}\r\n\r\n\r\n\/* CARD *\/\r\n\r\n.obx-wordpress.obx-scroll-ready.obx-visible .wordpress-card{\r\n  animation:\r\n    obxWpCardIn\r\n    .68s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .04s\r\n    forwards;\r\n}\r\n\r\n.obx-wordpress.obx-scroll-ready.obx-visible .wordpress-card:before{\r\n  animation:\r\n    obxWpLineGrow\r\n    .64s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .24s\r\n    forwards;\r\n}\r\n\r\n\r\n\/* CONTENT *\/\r\n\r\n.obx-wordpress.obx-scroll-ready.obx-visible .wordpress-brand{\r\n  animation:obxWpFadeUp .52s cubic-bezier(.22,1,.36,1) .12s forwards;\r\n}\r\n\r\n\r\n.obx-wordpress.obx-scroll-ready.obx-visible .wordpress-eyebrow{\r\n  animation:\r\n    obxWpFadeUp\r\n    .54s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .18s\r\n    forwards;\r\n}\r\n\r\n.obx-wordpress.obx-scroll-ready.obx-visible .wordpress-title{\r\n  animation:\r\n    obxWpFadeUp\r\n    .64s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .28s\r\n    forwards;\r\n}\r\n\r\n.obx-wordpress.obx-scroll-ready.obx-visible .wordpress-copy{\r\n  animation:\r\n    obxWpFadeUp\r\n    .62s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .43s\r\n    forwards;\r\n}\r\n\r\n.obx-wordpress.obx-scroll-ready.obx-visible .wp-flow{\r\n  animation:\r\n    obxWpFadeUp\r\n    .56s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .60s\r\n    forwards;\r\n}\r\n\r\n.obx-wordpress.obx-scroll-ready.obx-visible .wordpress-cta{\r\n  animation:\r\n    obxWpFadeUp\r\n    .56s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .74s\r\n    forwards;\r\n}\r\n\r\n.obx-wordpress.obx-scroll-ready.obx-visible .compatibility{\r\n  animation:\r\n    obxWpFadeUp\r\n    .52s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .88s\r\n    forwards;\r\n}\r\n\r\n\r\n\/* TARGET ENTRANCE *\/\r\n\r\n.obx-wordpress.obx-scroll-ready.obx-visible .wp-visual{\r\n  animation:\r\n    obxWpVisualIn\r\n    .86s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .30s\r\n    forwards;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1000px){\r\n\r\n  .obx-wordpress .wordpress-card{\r\n    min-height:440px;\r\n  }\r\n\r\n  .obx-wordpress .wp-visual{\r\n    right:-80px;\r\n    width:400px;\r\n  }\r\n\r\n  .obx-wordpress .wordpress-content{\r\n    width:76%;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:767px){\r\n\r\n  .obx-wordpress .wp-brand-row{\r\n    gap:10px;\r\n    margin-bottom:12px;\r\n    min-height:34px;\r\n  }\r\n\r\n  .obx-wordpress .wp-brand-label{\r\n    font-size:11px;\r\n  }\r\n\r\n  .obx-wordpress .wp-brand-logo{\r\n    height:34px;\r\n    max-width:205px;\r\n  }\r\n\r\n\r\n\r\n  .obx-wordpress .wordpress-section{\r\n    padding:18px 0 60px;\r\n  }\r\n\r\n  .obx-wordpress .wordpress-card{\r\n    min-height:0;\r\n\r\n    display:block;\r\n\r\n    padding:30px 22px 27px;\r\n\r\n    border-radius:17px;\r\n  }\r\n\r\n  .obx-wordpress .wordpress-content{\r\n    width:100%;\r\n  }\r\n\r\n  .obx-wordpress .eyebrow{\r\n    margin-bottom:13px;\r\n\r\n    font-size:11px;\r\n    line-height:1.55;\r\n  }\r\n\r\n  .obx-wordpress .title{\r\n    font-size:clamp(40px,12vw,58px);\r\n  }\r\n\r\n  .obx-wordpress .title-line{\r\n    line-height:1.05;\r\n  }\r\n\r\n  .obx-wordpress .title-line-second{\r\n    padding-top:.11em;\r\n    margin-top:.02em;\r\n  }\r\n\r\n  .obx-wordpress p{\r\n    font-size:15px;\r\n  }\r\n\r\n  .obx-wordpress .wordpress-copy{\r\n    margin-top:23px;\r\n  }\r\n\r\n  .obx-wordpress .wp-flow{\r\n    gap:8px;\r\n    margin-top:24px;\r\n  }\r\n\r\n  .obx-wordpress .wp-flow-item{\r\n    font-size:9px;\r\n  }\r\n\r\n  .obx-wordpress .btn{\r\n    width:100%;\r\n\r\n    margin-top:25px;\r\n    padding:15px 18px;\r\n\r\n    text-align:center;\r\n  }\r\n\r\n  .obx-wordpress .compatibility{\r\n    justify-content:center;\r\n\r\n    margin-top:16px;\r\n\r\n    text-align:center;\r\n  }\r\n\r\n\r\n  \/* TARGET ON MOBILE *\/\r\n\r\n  .obx-wordpress .wp-visual{\r\n    right:-120px;\r\n    top:30px;\r\n\r\n    width:310px;\r\n\r\n    transform:none;\r\n\r\n    opacity:.42;\r\n  }\r\n\r\n  .obx-wordpress.obx-scroll-ready .wp-visual{\r\n    transform:scale(.88);\r\n  }\r\n\r\n  .obx-wordpress .wp-radar{\r\n    animation-duration:42s;\r\n  }\r\n\r\n  .obx-wordpress .wp-sweep{\r\n    opacity:.28;\r\n    animation-duration:8.5s;\r\n  }\r\n\r\n  .obx-wordpress .wp-track-dot{\r\n    opacity:.55;\r\n  }\r\n\r\n\r\n  @keyframes obxWpVisualInMobile{\r\n    from{\r\n      opacity:0;\r\n      transform:scale(.88);\r\n    }\r\n\r\n    to{\r\n      opacity:.42;\r\n      transform:scale(1);\r\n    }\r\n  }\r\n\r\n  .obx-wordpress.obx-scroll-ready.obx-visible .wp-visual{\r\n    animation:\r\n      obxWpVisualInMobile\r\n      .85s\r\n      cubic-bezier(.22,1,.36,1)\r\n      .30s\r\n      forwards;\r\n  }\r\n\r\n\r\n  \/* faster mobile entrance *\/\r\n\r\n  .obx-wordpress.obx-scroll-ready.obx-visible .wordpress-card{\r\n    animation-delay:.05s;\r\n    animation-duration:.70s;\r\n  }\r\n\r\n  .obx-wordpress.obx-scroll-ready.obx-visible .wordpress-card:before{\r\n    animation-delay:.25s;\r\n  }\r\n\r\n  .obx-wordpress.obx-scroll-ready.obx-visible .wordpress-brand{\r\n    animation-delay:.10s;\r\n    animation-duration:.50s;\r\n  }\r\n\r\n  .obx-wordpress.obx-scroll-ready.obx-visible .wordpress-eyebrow{\r\n    animation-delay:.19s;\r\n    animation-duration:.54s;\r\n  }\r\n\r\n  .obx-wordpress.obx-scroll-ready.obx-visible .wordpress-title{\r\n    animation-delay:.30s;\r\n    animation-duration:.64s;\r\n  }\r\n\r\n  .obx-wordpress.obx-scroll-ready.obx-visible .wordpress-copy{\r\n    animation-delay:.45s;\r\n    animation-duration:.62s;\r\n  }\r\n\r\n  .obx-wordpress.obx-scroll-ready.obx-visible .wp-flow{\r\n    animation-delay:.62s;\r\n    animation-duration:.56s;\r\n  }\r\n\r\n  .obx-wordpress.obx-scroll-ready.obx-visible .wordpress-cta{\r\n    animation-delay:.76s;\r\n    animation-duration:.56s;\r\n  }\r\n\r\n  .obx-wordpress.obx-scroll-ready.obx-visible .compatibility{\r\n    animation-delay:.90s;\r\n    animation-duration:.52s;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:390px){\r\n\r\n  .obx-wordpress .title{\r\n    font-size:clamp(37px,11.5vw,50px);\r\n  }\r\n\r\n  .obx-wordpress .title-line-second{\r\n    padding-top:.12em;\r\n  }\r\n\r\n  .obx-wordpress .wp-flow-arrow{\r\n    display:none;\r\n  }\r\n\r\n  .obx-wordpress .wp-flow{\r\n    column-gap:13px;\r\n    row-gap:11px;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  .obx-wordpress.obx-scroll-ready .wordpress-card,\r\n  .obx-wordpress.obx-scroll-ready .wordpress-brand,\r\n.obx-wordpress.obx-scroll-ready .wordpress-eyebrow,\r\n  .obx-wordpress.obx-scroll-ready .wordpress-title,\r\n  .obx-wordpress.obx-scroll-ready .wordpress-copy,\r\n  .obx-wordpress.obx-scroll-ready .wp-flow,\r\n  .obx-wordpress.obx-scroll-ready .wordpress-cta,\r\n  .obx-wordpress.obx-scroll-ready .compatibility{\r\n    opacity:1;\r\n    transform:none;\r\n    animation:none!important;\r\n  }\r\n\r\n  .obx-wordpress.obx-scroll-ready .wordpress-card:before{\r\n    transform:scaleX(1);\r\n    animation:none!important;\r\n  }\r\n\r\n  .obx-wordpress.obx-scroll-ready .wp-visual{\r\n    opacity:.65;\r\n    transform:translateY(-50%) scale(1);\r\n    animation:none!important;\r\n  }\r\n  @media(max-width:767px){\r\n    .obx-wordpress.obx-scroll-ready .wp-visual{\r\n      opacity:.42;\r\n      transform:none;\r\n    }\r\n  }\r\n\r\n  .obx-wordpress .wp-radar,\r\n  .obx-wordpress .wp-circle,\r\n  .obx-wordpress .wp-sweep,\r\n  .obx-wordpress .wp-core,\r\n  .obx-wordpress .wp-core-point,\r\n  .obx-wordpress .wp-track-dot{\r\n    animation:none!important;\r\n  }\r\n\r\n  .obx-wordpress .btn,\r\n  .obx-wordpress .btn-arrow{\r\n    transition:none!important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n\r\n<section\r\n  class=\"obx-wordpress\"\r\n  data-obx-wordpress-scroll\r\n  aria-label=\"Oblikov Lead System za WordPress\"\r\n>\r\n\r\n  <div class=\"wordpress-section\">\r\n\r\n\r\n    <div class=\"wordpress-card\">\r\n\r\n\r\n      <!-- ANIMATED TARGET \/ RADAR -->\r\n\r\n      <div class=\"wp-visual\" aria-hidden=\"true\">\r\n\r\n        <div class=\"wp-radar\">\r\n\r\n          <div class=\"wp-circle wp-circle-1\"><\/div>\r\n          <div class=\"wp-circle wp-circle-2\"><\/div>\r\n          <div class=\"wp-circle wp-circle-3\"><\/div>\r\n\r\n          <div class=\"wp-cross-horizontal\"><\/div>\r\n          <div class=\"wp-cross-vertical\"><\/div>\r\n\r\n          <div class=\"wp-sweep\"><\/div>\r\n\r\n          <span class=\"wp-track-dot wp-track-dot-1\"><\/span>\r\n          <span class=\"wp-track-dot wp-track-dot-2\"><\/span>\r\n          <span class=\"wp-track-dot wp-track-dot-3\"><\/span>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"wp-core\"><\/div>\r\n        <div class=\"wp-core-point\"><\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- CONTENT -->\r\n\r\n      <div class=\"wordpress-content\">\r\n\r\n\r\n        <div class=\"wp-brand-row wordpress-brand\">\r\n          <span class=\"wp-brand-label\">Zgrajeno na platformi<\/span>\r\n          <img loading=\"lazy\" class=\"wp-brand-logo\" src=\"https:\/\/s.w.org\/style\/images\/about\/WordPress-logotype-standard-white.png\" alt=\"WordPress\" width=\"210\" height=\"56\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n\r\n        <div class=\"eyebrow wordpress-eyebrow\">\r\n          Va\u0161a stran ostane.\r\n        <\/div>\r\n\r\n\r\n        <h2 class=\"title wordpress-title\">\r\n\r\n          <span class=\"title-line\">\r\n            \u017de imate WordPress?\r\n          <\/span>\r\n\r\n          <span class=\"title-line title-line-second title-blue\">\r\n            Odli\u010dno.\r\n          <\/span>\r\n\r\n        <\/h2>\r\n\r\n\r\n        <div class=\"wordpress-copy\">\r\n\r\n          <p>\r\n            Ni vam treba zavre\u010di spletne strani, za katero ste \u017ee pla\u010dali.\r\n            Oblikov Lead System postavimo na va\u0161i\r\n            <strong>obstoje\u010di WordPress strani.<\/strong>\r\n          <\/p>\r\n\r\n          <p>\r\n            WordPress je <strong>najbolj raz\u0161irjen sistem za upravljanje spletnih vsebin na svetu<\/strong> \u2014 uporablja ga pribli\u017eno 40 % vseh spletnih strani. \u010ce ga \u017ee uporabljate, imate odli\u010dno osnovo za naslednji korak.\r\n          <\/p>\r\n\r\n          <p>\r\n            Va\u0161a trenutna spletna stran ostane. Mi ji dodamo\r\n            <strong>namensko prodajno stran in povezan sistem za pridobivanje povpra\u0161evanj.<\/strong>\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- MINI SYSTEM FLOW -->\r\n\r\n        <div class=\"wp-flow\" aria-label=\"Pot do povpra\u0161evanja\">\r\n\r\n          <div class=\"wp-flow-item\">\r\n            <span class=\"wp-flow-dot\"><\/span>\r\n            Meta oglasi\r\n          <\/div>\r\n\r\n          <span class=\"wp-flow-arrow\">\u2192<\/span>\r\n\r\n          <div class=\"wp-flow-item\">\r\n            <span class=\"wp-flow-dot\"><\/span>\r\n            Prodajna stran\r\n          <\/div>\r\n\r\n          <span class=\"wp-flow-arrow\">\u2192<\/span>\r\n\r\n          <div class=\"wp-flow-item\">\r\n            <span class=\"wp-flow-dot\"><\/span>\r\n            Povpra\u0161evanje\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- CTA -->\r\n\r\n        <div class=\"wordpress-cta\">\r\n\r\n          <a\r\n            class=\"btn\"\r\n            href=\"\/sl\/#form\"\r\n          >\r\n            Preveri, \u010de je va\u0161a stran primerna\r\n            <span class=\"btn-arrow\">\u2192<\/span>\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"compatibility\">\r\n\r\n          <span class=\"compatibility-icon\"><\/span>\r\n\r\n          <span>\r\n            Brez izdelave nove spletne strani.\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n  function initObxWordpressScroll(){\r\n\r\n    var sections =\r\n      document.querySelectorAll(\r\n        '[data-obx-wordpress-scroll]'\r\n      );\r\n\r\n\r\n    sections.forEach(function(section){\r\n\r\n      if(\r\n        section.dataset.obxWordpressInitialized ===\r\n        'true'\r\n      ){\r\n        return;\r\n      }\r\n\r\n\r\n      section.dataset.obxWordpressInitialized =\r\n        'true';\r\n\r\n\r\n      section.classList.add(\r\n        'obx-scroll-ready'\r\n      );\r\n\r\n\r\n      if(!('IntersectionObserver' in window)){\r\n\r\n        section.classList.add(\r\n          'obx-visible'\r\n        );\r\n\r\n        return;\r\n      }\r\n\r\n\r\n      var isMobile =\r\n        window.matchMedia(\r\n          '(max-width:767px)'\r\n        ).matches;\r\n\r\n\r\n      var observer =\r\n        new IntersectionObserver(\r\n\r\n          function(entries){\r\n\r\n            entries.forEach(function(entry){\r\n\r\n              if(entry.isIntersecting){\r\n\r\n                entry.target.classList.add(\r\n                  'obx-visible'\r\n                );\r\n\r\n                observer.unobserve(\r\n                  entry.target\r\n                );\r\n\r\n              }\r\n\r\n            });\r\n\r\n          },\r\n\r\n          {\r\n            threshold:isMobile ? 0.12 : 0.15,\r\n\r\n            rootMargin:isMobile\r\n              ? '0px 0px -6% 0px'\r\n              : '0px 0px -5% 0px'\r\n          }\r\n\r\n        );\r\n\r\n\r\n      observer.observe(section);\r\n\r\n    });\r\n\r\n  }\r\n\r\n\r\n  function initObxWordpress(){\r\n    initObxWordpressScroll();\r\n  }\r\n\r\n\r\n  if(document.readyState === 'loading'){\r\n\r\n    document.addEventListener(\r\n      'DOMContentLoaded',\r\n      initObxWordpress\r\n    );\r\n\r\n  }else{\r\n\r\n    initObxWordpress();\r\n\r\n  }\r\n\r\n\r\n  window.addEventListener(\r\n    'load',\r\n    initObxWordpress\r\n  );\r\n\r\n\r\n  if(window.jQuery){\r\n\r\n    window.jQuery(window).on(\r\n      'elementor\/frontend\/init',\r\n      function(){\r\n\r\n        setTimeout(\r\n          initObxWordpress,\r\n          100\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ef3cbcc nase-delo e-flex e-con-boxed e-con e-parent\" data-id=\"ef3cbcc\" data-element_type=\"container\" data-e-type=\"container\" id=\"nase-delo\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2f371e1 elementor-widget elementor-widget-html\" data-id=\"2f371e1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.obx-work{\r\n  --bg:#050505;\r\n  --card:#0d0d0f;\r\n  --card-2:#111114;\r\n  --line:#242428;\r\n  --text:#f7f7f4;\r\n  --muted:#aaaab0;\r\n  --red:#ff3538;\r\n  --blue:#2f7df6;\r\n  --yellow:#ffc51b;\r\n\r\n  width:100%;\r\n  color:var(--text);\r\n  font-family:Poppins,Arial,sans-serif;\r\n  box-sizing:border-box;\r\n  overflow:visible;\r\n}\r\n\r\n.obx-work *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.obx-work h1,\r\n.obx-work h2,\r\n.obx-work h3,\r\n.obx-work .anton{\r\n  margin:0;\r\n  font-family:Anton,Impact,\"Arial Narrow\",sans-serif;\r\n  text-transform:uppercase;\r\n  letter-spacing:.01em;\r\n  overflow:visible;\r\n}\r\n\r\n.obx-work p{\r\n  margin:0;\r\n  color:var(--muted);\r\n  font-size:16px;\r\n  line-height:1.65;\r\n}\r\n\r\n.obx-work strong{\r\n  color:var(--text);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION\r\n========================================================= *\/\r\n\r\n.obx-work .work-section{\r\n  padding:72px 0;\r\n  overflow:visible;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.obx-work .eyebrow{\r\n  margin-bottom:16px;\r\n\r\n  color:#d8d8da;\r\n\r\n  font-size:12px;\r\n  line-height:1.5;\r\n  font-weight:700;\r\n  letter-spacing:.16em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.obx-work .title{\r\n  max-width:1000px;\r\n\r\n  font-family:Anton,Impact,\"Arial Narrow\",sans-serif;\r\n  font-size:clamp(38px,5vw,72px);\r\n  font-weight:400;\r\n  line-height:1;\r\n  letter-spacing:.01em;\r\n  text-transform:uppercase;\r\n\r\n  overflow:visible;\r\n}\r\n\r\n.obx-work .title-line{\r\n  display:block;\r\n  position:relative;\r\n  line-height:1.04;\r\n  overflow:visible;\r\n}\r\n\r\n.obx-work .work-intro{\r\n  max-width:720px;\r\n  margin-top:19px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROJECT GRID\r\n========================================================= *\/\r\n\r\n.obx-work .projects-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,minmax(0,1fr));\r\n  gap:18px;\r\n\r\n  margin-top:32px;\r\n  align-items:stretch;\r\n}\r\n\r\n.obx-work .project-card{\r\n  position:relative;\r\n\r\n  min-width:0;\r\n  min-height:315px;\r\n\r\n  display:flex;\r\n  flex-direction:column;\r\n\r\n  padding:28px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 100% 0%,\r\n      rgba(255,255,255,.025),\r\n      transparent 38%\r\n    ),\r\n    linear-gradient(\r\n      180deg,\r\n      #111114 0%,\r\n      #09090b 100%\r\n    );\r\n\r\n  border:1px solid var(--line);\r\n  border-radius:17px;\r\n\r\n  overflow:hidden;\r\n\r\n  transition:\r\n    transform .4s cubic-bezier(.22,1,.36,1),\r\n    border-color .35s ease,\r\n    box-shadow .4s ease;\r\n}\r\n\r\n.obx-work .project-card:hover{\r\n  transform:translateY(-6px);\r\n\r\n  border-color:#34343a;\r\n\r\n  box-shadow:\r\n    0 24px 55px rgba(0,0,0,.22);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD ACCENT\r\n========================================================= *\/\r\n\r\n.obx-work .project-accent{\r\n  position:relative;\r\n\r\n  width:100%;\r\n  height:3px;\r\n\r\n  margin-bottom:25px;\r\n\r\n  border-radius:20px;\r\n\r\n  transform-origin:left center;\r\n}\r\n\r\n.obx-work .project-card-red .project-accent{\r\n  background:var(--red);\r\n}\r\n\r\n.obx-work .project-card-blue .project-accent{\r\n  background:var(--blue);\r\n}\r\n\r\n.obx-work .project-card-yellow .project-accent{\r\n  background:var(--yellow);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROJECT NUMBER\r\n========================================================= *\/\r\n\r\n.obx-work .project-top{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:20px;\r\n\r\n  margin-bottom:13px;\r\n}\r\n\r\n.obx-work .project-number{\r\n  color:#66666c;\r\n\r\n  font-size:9px;\r\n  line-height:1;\r\n  font-weight:800;\r\n  letter-spacing:.14em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.obx-work .project-dot{\r\n  width:6px;\r\n  height:6px;\r\n  flex:0 0 6px;\r\n\r\n  border-radius:50%;\r\n}\r\n\r\n.obx-work .project-card-red .project-dot{\r\n  background:var(--red);\r\n}\r\n\r\n.obx-work .project-card-blue .project-dot{\r\n  background:var(--blue);\r\n}\r\n\r\n.obx-work .project-card-yellow .project-dot{\r\n  background:var(--yellow);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROJECT COPY\r\n========================================================= *\/\r\n\r\n.obx-work .project-card h3{\r\n  margin:0 0 13px;\r\n\r\n  color:var(--text);\r\n\r\n  font-family:Poppins,Arial,sans-serif;\r\n  font-size:21px;\r\n  line-height:1.25;\r\n  font-weight:800;\r\n  text-transform:none;\r\n  letter-spacing:-.02em;\r\n}\r\n\r\n.obx-work .project-lead{\r\n  margin-bottom:10px!important;\r\n}\r\n\r\n.obx-work .project-description{\r\n  font-size:14px;\r\n  line-height:1.65;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROJECT LINK\r\n========================================================= *\/\r\n\r\n.obx-work .project-link{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:8px;\r\n\r\n  width:max-content;\r\n\r\n  margin-top:auto;\r\n  padding-top:22px;\r\n\r\n  color:#fff!important;\r\n\r\n  font-size:13px;\r\n  line-height:1.4;\r\n  font-weight:700;\r\n\r\n  text-decoration:none;\r\n}\r\n\r\n.obx-work .project-link-arrow{\r\n  display:inline-block;\r\n\r\n  transition:\r\n    transform .35s cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n.obx-work .project-link:hover .project-link-arrow{\r\n  transform:translateX(5px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VIDEO TESTIMONIAL\r\n========================================================= *\/\r\n\r\n.obx-work .testimonial{\r\n  position:relative;\r\n\r\n  display:grid;\r\n  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);\r\n  gap:0;\r\n\r\n  margin-top:22px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 82% 18%,\r\n      rgba(47,125,246,.08),\r\n      transparent 30%\r\n    ),\r\n    linear-gradient(\r\n      145deg,\r\n      #111114 0%,\r\n      #09090b 58%,\r\n      #070709 100%\r\n    );\r\n\r\n  border:1px solid var(--line);\r\n  border-radius:20px;\r\n\r\n  overflow:hidden;\r\n\r\n  box-shadow:\r\n    0 30px 75px rgba(0,0,0,.18);\r\n}\r\n\r\n\r\n\/* top brand line *\/\r\n\r\n.obx-work .testimonial:before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n  z-index:5;\r\n\r\n  left:0;\r\n  top:0;\r\n\r\n  width:100%;\r\n  height:2px;\r\n\r\n  background:linear-gradient(\r\n    90deg,\r\n    var(--red) 0 33.333%,\r\n    var(--blue) 33.333% 66.666%,\r\n    var(--yellow) 66.666% 100%\r\n  );\r\n\r\n  transform-origin:left center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TESTIMONIAL COPY\r\n========================================================= *\/\r\n\r\n.obx-work .testimonial-copy{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:center;\r\n\r\n  padding:clamp(30px,4vw,54px);\r\n}\r\n\r\n.obx-work .testimonial-label{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:10px;\r\n\r\n  margin-bottom:22px;\r\n\r\n  color:#b6b6bb;\r\n\r\n  font-size:10px;\r\n  line-height:1.4;\r\n  font-weight:800;\r\n  letter-spacing:.15em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.obx-work .testimonial-label-dot{\r\n  width:7px;\r\n  height:7px;\r\n  flex:0 0 7px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:var(--yellow);\r\n\r\n  box-shadow:\r\n    0 0 0 5px rgba(255,197,27,.07);\r\n}\r\n\r\n\r\n\/* quote mark *\/\r\n\r\n.obx-work .quote-mark{\r\n  margin-bottom:13px;\r\n\r\n  color:var(--blue);\r\n\r\n  font-family:Anton,Impact,\"Arial Narrow\",sans-serif;\r\n  font-size:55px;\r\n  line-height:.65;\r\n}\r\n\r\n.obx-work .testimonial-quote{\r\n  max-width:580px;\r\n\r\n  color:#f0f0ed;\r\n\r\n  font-size:clamp(17px,1.6vw,21px);\r\n  line-height:1.58;\r\n  font-weight:500;\r\n}\r\n\r\n.obx-work .testimonial-quote strong{\r\n  color:#fff;\r\n  font-weight:800;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PERSON\r\n========================================================= *\/\r\n\r\n.obx-work .testimonial-person{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:13px;\r\n\r\n  margin-top:27px;\r\n}\r\n\r\n.obx-work .person-mark{\r\n  position:relative;\r\n\r\n  width:38px;\r\n  height:38px;\r\n  flex:0 0 38px;\r\n\r\n  display:grid;\r\n  place-items:center;\r\n\r\n  border:1px solid #303035;\r\n  border-radius:50%;\r\n\r\n  color:#fff;\r\n  background:#151518;\r\n\r\n  font-size:11px;\r\n  line-height:1;\r\n  font-weight:800;\r\n  letter-spacing:.04em;\r\n}\r\n\r\n.obx-work .person-mark:before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n  inset:-1px;\r\n\r\n  border-radius:inherit;\r\n\r\n  border-top:1px solid var(--red);\r\n  border-right:1px solid var(--blue);\r\n  border-bottom:1px solid var(--yellow);\r\n}\r\n\r\n.obx-work .person-name{\r\n  color:#fff;\r\n\r\n  font-size:13px;\r\n  line-height:1.4;\r\n  font-weight:800;\r\n}\r\n\r\n.obx-work .person-company{\r\n  margin-top:2px;\r\n\r\n  color:#77777d;\r\n\r\n  font-size:11px;\r\n  line-height:1.4;\r\n  font-weight:600;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VIDEO AREA\r\n========================================================= *\/\r\n\r\n.obx-work .video-wrap{\r\n  position:relative;\r\n\r\n  min-height:430px;\r\n\r\n  background:#070708;\r\n\r\n  overflow:hidden;\r\n\r\n  cursor:pointer;\r\n}\r\n\r\n.obx-work .video-wrap:before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n  z-index:1;\r\n  inset:0;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 50% 50%,\r\n      rgba(47,125,246,.13),\r\n      transparent 28%\r\n    ),\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(5,5,5,.22),\r\n      rgba(5,5,5,.03)\r\n    );\r\n\r\n  pointer-events:none;\r\n\r\n  transition:\r\n    opacity .45s ease;\r\n}\r\n\r\n\r\n\/* subtle grid *\/\r\n\r\n.obx-work .video-grid{\r\n  position:absolute;\r\n  z-index:0;\r\n  inset:0;\r\n\r\n  opacity:.22;\r\n\r\n  background-image:\r\n    linear-gradient(\r\n      rgba(255,255,255,.035) 1px,\r\n      transparent 1px\r\n    ),\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(255,255,255,.035) 1px,\r\n      transparent 1px\r\n    );\r\n\r\n  background-size:42px 42px;\r\n\r\n  mask-image:\r\n    radial-gradient(\r\n      circle at center,\r\n      #000 0%,\r\n      transparent 72%\r\n    );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VIDEO BACKGROUND \/ POSTER\r\n========================================================= *\/\r\n\r\n.obx-work .video-preview{\r\n  position:absolute;\r\n  inset:0;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 50% 50%,\r\n      #17171c 0%,\r\n      #0b0b0e 46%,\r\n      #070708 100%\r\n    );\r\n\r\n  transition:\r\n    transform .8s cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n.obx-work .video-wrap:hover .video-preview{\r\n  transform:scale(1.025);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   REAL VIDEO THUMBNAIL\r\n========================================================= *\/\r\n\r\n.obx-work .video-poster-image{\r\n  position:absolute;\r\n  z-index:0;\r\n  inset:0;\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n  object-position:center;\r\n  opacity:.78;\r\n  filter:saturate(.82) contrast(1.04) brightness(.72);\r\n  transform:scale(1.015);\r\n  transition:\r\n    transform .75s cubic-bezier(.22,1,.36,1),\r\n    filter .55s ease,\r\n    opacity .55s ease;\r\n}\r\n\r\n.obx-work .video-preview:after{\r\n  content:\"\";\r\n  position:absolute;\r\n  z-index:1;\r\n  inset:0;\r\n  background:\r\n    linear-gradient(90deg,rgba(5,5,5,.30),rgba(5,5,5,.04) 55%,rgba(5,5,5,.15)),\r\n    linear-gradient(180deg,rgba(5,5,5,.08),rgba(5,5,5,.30));\r\n  pointer-events:none;\r\n}\r\n\r\n.obx-work .video-wrap:hover .video-poster-image{\r\n  opacity:.90;\r\n  filter:saturate(.92) contrast(1.03) brightness(.80);\r\n  transform:scale(1.045);\r\n}\r\n\r\n.obx-work .video-grid{\r\n  z-index:2;\r\n  opacity:.12;\r\n}\r\n\r\n.obx-work .play-target{\r\n  z-index:3;\r\n}\r\n\r\n\/* =========================================================\r\n   TARGET AROUND PLAY\r\n========================================================= *\/\r\n\r\n.obx-work .play-target{\r\n  position:absolute;\r\n\r\n  left:50%;\r\n  top:50%;\r\n\r\n  width:280px;\r\n  height:280px;\r\n\r\n  transform:translate(-50%,-50%);\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n.obx-work .play-ring{\r\n  position:absolute;\r\n\r\n  border:1px solid rgba(255,255,255,.07);\r\n  border-radius:50%;\r\n}\r\n\r\n.obx-work .play-ring-1{\r\n  inset:0;\r\n\r\n  animation:\r\n    obxPlayRingOne\r\n    5s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n.obx-work .play-ring-2{\r\n  inset:19%;\r\n\r\n  border-color:rgba(47,125,246,.14);\r\n\r\n  animation:\r\n    obxPlayRingTwo\r\n    4.2s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n.obx-work .play-ring-3{\r\n  inset:36%;\r\n\r\n  border-color:rgba(255,255,255,.10);\r\n\r\n  animation:\r\n    obxPlayRingThree\r\n    3.6s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n\r\n\/* orbiting colored dot *\/\r\n\r\n.obx-work .play-orbit{\r\n  position:absolute;\r\n\r\n  inset:11%;\r\n\r\n  border-radius:50%;\r\n\r\n  animation:\r\n    obxPlayOrbit\r\n    8s\r\n    linear\r\n    infinite;\r\n}\r\n\r\n.obx-work .play-orbit:before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:50%;\r\n  top:-3px;\r\n\r\n  width:7px;\r\n  height:7px;\r\n\r\n  transform:translateX(-50%);\r\n\r\n  border-radius:50%;\r\n\r\n  background:var(--yellow);\r\n\r\n  box-shadow:\r\n    0 0 0 5px rgba(255,197,27,.06),\r\n    0 0 22px rgba(255,197,27,.28);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PLAY BUTTON\r\n========================================================= *\/\r\n\r\n.obx-work .video-play{\r\n  position:absolute;\r\n  z-index:4;\r\n\r\n  left:50%;\r\n  top:50%;\r\n\r\n  width:104px;\r\n  height:104px;\r\n\r\n  display:grid;\r\n  place-items:center;\r\n\r\n  transform:translate(-50%,-50%);\r\n\r\n  border:0;\r\n  border-radius:50%;\r\n\r\n  background:rgba(255,255,255,.96);\r\n\r\n  color:#050505;\r\n\r\n  backdrop-filter:blur(5px);\r\n  -webkit-backdrop-filter:blur(5px);\r\n\r\n  cursor:pointer;\r\n\r\n  box-shadow:\r\n    0 0 0 10px rgba(255,255,255,.045),\r\n    0 20px 55px rgba(0,0,0,.40);\r\n\r\n  transition:\r\n    transform .45s cubic-bezier(.22,1,.36,1),\r\n    box-shadow .45s ease,\r\n    background .3s ease;\r\n}\r\n\r\n.obx-work .video-play:before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n  inset:-17px;\r\n\r\n  border:1px solid rgba(255,255,255,.11);\r\n  border-radius:50%;\r\n\r\n  transition:\r\n    transform .45s cubic-bezier(.22,1,.36,1),\r\n    border-color .35s ease;\r\n}\r\n\r\n.obx-work .video-play:after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n  inset:-31px;\r\n\r\n  border:1px solid rgba(47,125,246,.12);\r\n  border-radius:50%;\r\n\r\n  transition:\r\n    transform .55s cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n.obx-work .play-triangle{\r\n  width:0;\r\n  height:0;\r\n\r\n  margin-left:7px;\r\n\r\n  border-top:12px solid transparent;\r\n  border-bottom:12px solid transparent;\r\n  border-left:19px solid #050505;\r\n\r\n  transition:\r\n    transform .35s cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n.obx-work .video-wrap:hover .video-play{\r\n  transform:\r\n    translate(-50%,-50%)\r\n    scale(1.10);\r\n\r\n  background:var(--yellow);\r\n\r\n  box-shadow:\r\n    0 0 0 12px rgba(255,197,27,.055),\r\n    0 22px 65px rgba(0,0,0,.50);\r\n}\r\n\r\n.obx-work .video-wrap:hover .video-play:before{\r\n  transform:scale(1.10);\r\n  border-color:rgba(255,197,27,.22);\r\n}\r\n\r\n.obx-work .video-wrap:hover .video-play:after{\r\n  transform:scale(1.14);\r\n}\r\n\r\n.obx-work .video-wrap:hover .play-triangle{\r\n  transform:translateX(2px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CLICK CTA\r\n========================================================= *\/\r\n\r\n.obx-work .video-click-label{\r\n  position:absolute;\r\n  z-index:4;\r\n\r\n  left:50%;\r\n  top:calc(50% + 83px);\r\n\r\n  transform:translateX(-50%);\r\n\r\n  color:#fff;\r\n\r\n  font-size:10px;\r\n  line-height:1.4;\r\n  font-weight:800;\r\n  letter-spacing:.14em;\r\n  text-transform:uppercase;\r\n\r\n  white-space:nowrap;\r\n\r\n  transition:\r\n    transform .4s cubic-bezier(.22,1,.36,1),\r\n    color .3s ease;\r\n}\r\n\r\n.obx-work .video-wrap:hover .video-click-label{\r\n  color:var(--yellow);\r\n\r\n  transform:\r\n    translateX(-50%)\r\n    translateY(4px);\r\n}\r\n\r\n\r\n\/* top label *\/\r\n\r\n.obx-work .video-top-label{\r\n  position:absolute;\r\n  z-index:4;\r\n\r\n  left:25px;\r\n  top:25px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  gap:9px;\r\n\r\n  padding:9px 12px;\r\n\r\n  color:#d4d4d8;\r\n  background:rgba(5,5,5,.58);\r\n\r\n  border:1px solid rgba(255,255,255,.08);\r\n  border-radius:100px;\r\n\r\n  backdrop-filter:blur(8px);\r\n  -webkit-backdrop-filter:blur(8px);\r\n\r\n  font-size:9px;\r\n  line-height:1;\r\n  font-weight:800;\r\n  letter-spacing:.12em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.obx-work .video-top-dot{\r\n  width:6px;\r\n  height:6px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:var(--red);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VIMEO IFRAME\r\n========================================================= *\/\r\n\r\n.obx-work .vimeo-frame{\r\n  position:absolute;\r\n  z-index:10;\r\n\r\n  inset:0;\r\n\r\n  width:100%;\r\n  height:100%;\r\n\r\n  border:0;\r\n\r\n  background:#000;\r\n\r\n  opacity:0;\r\n\r\n  visibility:hidden;\r\n\r\n  transition:\r\n    opacity .4s ease;\r\n}\r\n\r\n.obx-work .video-wrap.is-playing .vimeo-frame{\r\n  opacity:1;\r\n  visibility:visible;\r\n}\r\n\r\n.obx-work .video-wrap.is-playing .video-preview,\r\n.obx-work .video-wrap.is-playing .video-play,\r\n.obx-work .video-wrap.is-playing .video-click-label,\r\n.obx-work .video-wrap.is-playing .video-top-label{\r\n  opacity:0;\r\n  pointer-events:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PLAY ANIMATIONS\r\n========================================================= *\/\r\n\r\n@keyframes obxPlayRingOne{\r\n  0%,100%{\r\n    transform:scale(.96);\r\n    opacity:.55;\r\n  }\r\n\r\n  50%{\r\n    transform:scale(1.04);\r\n    opacity:1;\r\n  }\r\n}\r\n\r\n@keyframes obxPlayRingTwo{\r\n  0%,100%{\r\n    transform:scale(1.03);\r\n    opacity:.60;\r\n  }\r\n\r\n  50%{\r\n    transform:scale(.96);\r\n    opacity:1;\r\n  }\r\n}\r\n\r\n@keyframes obxPlayRingThree{\r\n  0%,100%{\r\n    transform:scale(.92);\r\n    opacity:.55;\r\n  }\r\n\r\n  50%{\r\n    transform:scale(1.06);\r\n    opacity:1;\r\n  }\r\n}\r\n\r\n@keyframes obxPlayOrbit{\r\n  from{\r\n    transform:rotate(0deg);\r\n  }\r\n\r\n  to{\r\n    transform:rotate(360deg);\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SCROLL ANIMATIONS\r\n========================================================= *\/\r\n\r\n@keyframes obxWorkFadeUp{\r\n  from{\r\n    opacity:0;\r\n    transform:translateY(20px);\r\n  }\r\n\r\n  to{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes obxWorkCardIn{\r\n  from{\r\n    opacity:0;\r\n    transform:translateY(28px);\r\n  }\r\n\r\n  to{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes obxWorkLineGrow{\r\n  from{\r\n    transform:scaleX(0);\r\n  }\r\n\r\n  to{\r\n    transform:scaleX(1);\r\n  }\r\n}\r\n\r\n\r\n\/* initial state only after JS *\/\r\n\r\n.obx-work.obx-scroll-ready .work-eyebrow,\r\n.obx-work.obx-scroll-ready .work-title,\r\n.obx-work.obx-scroll-ready .work-intro,\r\n.obx-work.obx-scroll-ready .project-card,\r\n.obx-work.obx-scroll-ready .testimonial{\r\n  opacity:0;\r\n}\r\n\r\n.obx-work.obx-scroll-ready .work-eyebrow,\r\n.obx-work.obx-scroll-ready .work-title,\r\n.obx-work.obx-scroll-ready .work-intro{\r\n  transform:translateY(20px);\r\n}\r\n\r\n.obx-work.obx-scroll-ready .project-card,\r\n.obx-work.obx-scroll-ready .testimonial{\r\n  transform:translateY(28px);\r\n}\r\n\r\n.obx-work.obx-scroll-ready .project-accent,\r\n.obx-work.obx-scroll-ready .testimonial:before{\r\n  transform:scaleX(0);\r\n}\r\n\r\n\r\n\/* HEADER *\/\r\n\r\n.obx-work.obx-scroll-ready.obx-visible .work-eyebrow{\r\n  animation:\r\n    obxWorkFadeUp\r\n    .56s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .04s\r\n    forwards;\r\n}\r\n\r\n.obx-work.obx-scroll-ready.obx-visible .work-title{\r\n  animation:\r\n    obxWorkFadeUp\r\n    .64s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .12s\r\n    forwards;\r\n}\r\n\r\n.obx-work.obx-scroll-ready.obx-visible .work-intro{\r\n  animation:\r\n    obxWorkFadeUp\r\n    .60s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .24s\r\n    forwards;\r\n}\r\n\r\n\r\n\/* PROJECTS *\/\r\n\r\n.obx-work.obx-scroll-ready.obx-visible .project-card:nth-child(1){\r\n  animation:\r\n    obxWorkCardIn\r\n    .62s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .40s\r\n    forwards;\r\n}\r\n\r\n.obx-work.obx-scroll-ready.obx-visible .project-card:nth-child(2){\r\n  animation:\r\n    obxWorkCardIn\r\n    .62s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .54s\r\n    forwards;\r\n}\r\n\r\n.obx-work.obx-scroll-ready.obx-visible .project-card:nth-child(3){\r\n  animation:\r\n    obxWorkCardIn\r\n    .62s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .68s\r\n    forwards;\r\n}\r\n\r\n.obx-work.obx-scroll-ready.obx-visible .project-card:nth-child(1) .project-accent{\r\n  animation:\r\n    obxWorkLineGrow\r\n    .54s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .70s\r\n    forwards;\r\n}\r\n\r\n.obx-work.obx-scroll-ready.obx-visible .project-card:nth-child(2) .project-accent{\r\n  animation:\r\n    obxWorkLineGrow\r\n    .54s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .84s\r\n    forwards;\r\n}\r\n\r\n.obx-work.obx-scroll-ready.obx-visible .project-card:nth-child(3) .project-accent{\r\n  animation:\r\n    obxWorkLineGrow\r\n    .54s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .98s\r\n    forwards;\r\n}\r\n\r\n\r\n\/* TESTIMONIAL *\/\r\n\r\n.obx-work.obx-scroll-ready.obx-visible .testimonial{\r\n  animation:\r\n    obxWorkCardIn\r\n    .68s\r\n    cubic-bezier(.22,1,.36,1)\r\n    1.08s\r\n    forwards;\r\n}\r\n\r\n.obx-work.obx-scroll-ready.obx-visible .testimonial:before{\r\n  animation:\r\n    obxWorkLineGrow\r\n    .60s\r\n    cubic-bezier(.22,1,.36,1)\r\n    1.30s\r\n    forwards;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1000px){\r\n\r\n  .obx-work .projects-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .obx-work .project-card{\r\n    min-height:0;\r\n  }\r\n\r\n  .obx-work .testimonial{\r\n    grid-template-columns:1fr 1fr;\r\n  }\r\n\r\n  .obx-work .video-wrap{\r\n    min-height:450px;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:767px){\r\n\r\n  .obx-work .work-section{\r\n    padding:60px 0;\r\n  }\r\n\r\n  .obx-work .eyebrow{\r\n    margin-bottom:13px;\r\n\r\n    font-size:11px;\r\n    line-height:1.55;\r\n  }\r\n\r\n  .obx-work .title{\r\n    font-size:clamp(40px,12vw,58px);\r\n  }\r\n\r\n  .obx-work .title-line{\r\n    line-height:1.05;\r\n  }\r\n\r\n  .obx-work p{\r\n    font-size:15px;\r\n  }\r\n\r\n  .obx-work .projects-grid{\r\n    grid-template-columns:1fr;\r\n\r\n    gap:15px;\r\n\r\n    margin-top:27px;\r\n  }\r\n\r\n  .obx-work .project-card{\r\n    min-height:0;\r\n\r\n    padding:22px;\r\n\r\n    border-radius:15px;\r\n  }\r\n\r\n  .obx-work .project-accent{\r\n    margin-bottom:21px;\r\n  }\r\n\r\n  .obx-work .project-card h3{\r\n    font-size:19px;\r\n  }\r\n\r\n\r\n  \/* TESTIMONIAL *\/\r\n\r\n  .obx-work .testimonial{\r\n    grid-template-columns:1fr;\r\n\r\n    margin-top:18px;\r\n\r\n    border-radius:17px;\r\n  }\r\n\r\n  .obx-work .testimonial-copy{\r\n    padding:29px 22px 31px;\r\n  }\r\n\r\n  .obx-work .testimonial-label{\r\n    margin-bottom:19px;\r\n  }\r\n\r\n  .obx-work .quote-mark{\r\n    font-size:48px;\r\n  }\r\n\r\n  .obx-work .testimonial-quote{\r\n    font-size:17px;\r\n    line-height:1.6;\r\n  }\r\n\r\n  .obx-work .testimonial-person{\r\n    margin-top:23px;\r\n  }\r\n\r\n\r\n  \/* VIDEO *\/\r\n\r\n  .obx-work .video-wrap{\r\n    min-height:390px;\r\n\r\n    border-top:1px solid var(--line);\r\n  }\r\n\r\n  .obx-work .video-poster-image{\r\n    object-position:center center;\r\n    transform:scale(1.01);\r\n  }\r\n\r\n  .obx-work .video-wrap:hover .video-poster-image{\r\n    transform:scale(1.025);\r\n  }\r\n\r\n  .obx-work .play-target{\r\n    width:240px;\r\n    height:240px;\r\n  }\r\n\r\n  .obx-work .video-play{\r\n    width:92px;\r\n    height:92px;\r\n  }\r\n\r\n  .obx-work .play-triangle{\r\n    border-top-width:11px;\r\n    border-bottom-width:11px;\r\n    border-left-width:17px;\r\n  }\r\n\r\n  .obx-work .video-click-label{\r\n    top:calc(50% + 76px);\r\n  }\r\n\r\n  .obx-work .video-top-label{\r\n    left:18px;\r\n    top:18px;\r\n  }\r\n\r\n\r\n  \/* faster mobile entrance *\/\r\n\r\n  .obx-work.obx-scroll-ready.obx-visible .work-eyebrow{\r\n    animation-delay:.04s;\r\n    animation-duration:.56s;\r\n  }\r\n\r\n  .obx-work.obx-scroll-ready.obx-visible .work-title{\r\n    animation-delay:.12s;\r\n    animation-duration:.64s;\r\n  }\r\n\r\n  .obx-work.obx-scroll-ready.obx-visible .work-intro{\r\n    animation-delay:.24s;\r\n    animation-duration:.60s;\r\n  }\r\n\r\n  .obx-work.obx-scroll-ready.obx-visible .project-card:nth-child(1){\r\n    animation-delay:.40s;\r\n    animation-duration:.62s;\r\n  }\r\n\r\n  .obx-work.obx-scroll-ready.obx-visible .project-card:nth-child(2){\r\n    animation-delay:.54s;\r\n    animation-duration:.62s;\r\n  }\r\n\r\n  .obx-work.obx-scroll-ready.obx-visible .project-card:nth-child(3){\r\n    animation-delay:.68s;\r\n    animation-duration:.62s;\r\n  }\r\n\r\n  .obx-work.obx-scroll-ready.obx-visible .project-card:nth-child(1) .project-accent{\r\n    animation-delay:.70s;\r\n  }\r\n\r\n  .obx-work.obx-scroll-ready.obx-visible .project-card:nth-child(2) .project-accent{\r\n    animation-delay:.84s;\r\n  }\r\n\r\n  .obx-work.obx-scroll-ready.obx-visible .project-card:nth-child(3) .project-accent{\r\n    animation-delay:.98s;\r\n  }\r\n\r\n  .obx-work.obx-scroll-ready.obx-visible .testimonial{\r\n    animation-delay:1.08s;\r\n    animation-duration:.68s;\r\n  }\r\n\r\n  .obx-work.obx-scroll-ready.obx-visible .testimonial:before{\r\n    animation-delay:1.30s;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  .obx-work.obx-scroll-ready .work-eyebrow,\r\n  .obx-work.obx-scroll-ready .work-title,\r\n  .obx-work.obx-scroll-ready .work-intro,\r\n  .obx-work.obx-scroll-ready .project-card,\r\n  .obx-work.obx-scroll-ready .testimonial{\r\n    opacity:1;\r\n    transform:none;\r\n    animation:none!important;\r\n  }\r\n\r\n  .obx-work.obx-scroll-ready .project-accent,\r\n  .obx-work.obx-scroll-ready .testimonial:before{\r\n    transform:scaleX(1);\r\n    animation:none!important;\r\n  }\r\n\r\n  .obx-work .play-ring,\r\n  .obx-work .play-orbit{\r\n    animation:none!important;\r\n  }\r\n\r\n  .obx-work .project-card,\r\n  .obx-work .video-preview,\r\n  .obx-work .video-play,\r\n  .obx-work .video-play:before,\r\n  .obx-work .video-play:after,\r\n  .obx-work .video-click-label{\r\n    transition:none!important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n\r\n<section\r\n  class=\"obx-work\"\r\n  data-obx-work-scroll\r\n  aria-label=\"Izbrani projekti in mnenje stranke\"\r\n>\r\n\r\n  <div class=\"work-section\">\r\n\r\n\r\n    <!-- HEADER -->\r\n\r\n    <div class=\"eyebrow work-eyebrow\">\r\n      Izbrani projekti\r\n    <\/div>\r\n\r\n\r\n    <h2 class=\"title work-title\">\r\n      <span class=\"title-line\">\r\n        Na\u0161e delo.\r\n      <\/span>\r\n    <\/h2>\r\n\r\n\r\n    <p class=\"work-intro\">\r\n      Vsak projekt gledamo skozi isto zaporedje:\r\n      <strong>izziv \u2192 ideja \u2192 izvedba \u2192 rezultat.<\/strong>\r\n    <\/p>\r\n\r\n\r\n    <!-- PROJECTS -->\r\n\r\n    <div class=\"projects-grid\">\r\n\r\n\r\n      <!-- AP FOOTBALL NUTRITION -->\r\n\r\n      <article class=\"project-card project-card-red\">\r\n\r\n        <div class=\"project-accent\"><\/div>\r\n\r\n        <div class=\"project-top\">\r\n\r\n          <span class=\"project-number\">\r\n            Projekt 01\r\n          <\/span>\r\n\r\n          <span class=\"project-dot\"><\/span>\r\n\r\n        <\/div>\r\n\r\n        <h3>\r\n          AP Football Nutrition\r\n        <\/h3>\r\n\r\n        <p class=\"project-lead\">\r\n          <strong>\r\n            Od produkta do lastnega digitalnega prodajnega sistema.\r\n          <\/strong>\r\n        <\/p>\r\n\r\n        <p class=\"project-description\">\r\n          Ponudba, spletna trgovina, prodajne strani,\r\n          Meta kreative in performance marketing povezani\r\n          v enoten sistem.\r\n        <\/p>\r\n\r\n        <a class=\"project-link\" href=\"https:\/\/www.ap-football-nutrition.com\/sl\/\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n          Poglej projekt\r\n          <span class=\"project-link-arrow\">\u2192<\/span>\r\n        <\/a>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- HELEN DORON -->\r\n\r\n      <article class=\"project-card project-card-blue\">\r\n\r\n        <div class=\"project-accent\"><\/div>\r\n\r\n        <div class=\"project-top\">\r\n\r\n          <span class=\"project-number\">\r\n            Projekt 02\r\n          <\/span>\r\n\r\n          <span class=\"project-dot\"><\/span>\r\n\r\n        <\/div>\r\n\r\n        <h3>\r\n          Helen Doron\r\n        <\/h3>\r\n\r\n        <p class=\"project-lead\">\r\n          <strong>\r\n            Digitalna izku\u0161nja, ki obiskovalca vodi do vpisa.\r\n          <\/strong>\r\n        <\/p>\r\n\r\n        <p class=\"project-description\">\r\n          Struktura spletne strani in uporabni\u0161ka pot\r\n          prilagojena star\u0161em, ki i\u0161\u010dejo jezikovno\r\n          izobra\u017eevanje za svoje otroke.\r\n        <\/p>\r\n\r\n        <a class=\"project-link\" href=\"https:\/\/helendoron.si\/ljubljana\/\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n          Poglej projekt\r\n          <span class=\"project-link-arrow\">\u2192<\/span>\r\n        <\/a>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- VIRALEN -->\r\n\r\n      <article class=\"project-card project-card-yellow\">\r\n\r\n        <div class=\"project-accent\"><\/div>\r\n\r\n        <div class=\"project-top\">\r\n\r\n          <span class=\"project-number\">\r\n            Projekt 03\r\n          <\/span>\r\n\r\n          <span class=\"project-dot\"><\/span>\r\n\r\n        <\/div>\r\n\r\n        <h3>\r\n          Viralen.si\r\n        <\/h3>\r\n\r\n        <p class=\"project-lead\">\r\n          <strong>\r\n            Jasnej\u0161a digitalna predstavitev ponudbe.\r\n          <\/strong>\r\n        <\/p>\r\n\r\n        <p class=\"project-description\">\r\n          Dizajn in spletna izku\u0161nja, ki kompleksno\r\n          storitev predstavita preprosto in profesionalno.\r\n        <\/p>\r\n\r\n        <a class=\"project-link\" href=\"https:\/\/viralen.si\/spletni-tecaj\/canva\/\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n          Poglej projekt\r\n          <span class=\"project-link-arrow\">\u2192<\/span>\r\n        <\/a>\r\n\r\n      <\/article>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         VIDEO TESTIMONIAL\r\n    ====================================================== -->\r\n\r\n    <div class=\"testimonial\">\r\n\r\n\r\n      <!-- QUOTE -->\r\n\r\n      <div class=\"testimonial-copy\">\r\n\r\n\r\n        <div class=\"testimonial-label\">\r\n\r\n          <span class=\"testimonial-label-dot\"><\/span>\r\n\r\n          Mnenje stranke\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"quote-mark\">\r\n          \u201c\r\n        <\/div>\r\n\r\n\r\n        <p class=\"testimonial-quote\">\r\n          \u00bbIzredno priporo\u010dam agencijo Oblikov.\r\n          <strong>So prilagodljivi, hitri in kakovostni.<\/strong>\r\n          Ne samo, da smo bili mi zadovoljni \u2013 tudi moje\r\n          stranke so bile navdu\u0161ene.\u00ab\r\n        <\/p>\r\n\r\n\r\n        <div class=\"testimonial-person\">\r\n\r\n          <div class=\"person-mark\">\r\n            BV\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <div class=\"person-name\">\r\n              Bo\u0161tjan Vidmar\r\n            <\/div>\r\n\r\n            <div class=\"person-company\">\r\n              Viralen.si\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- VIDEO -->\r\n\r\n      <div\r\n        class=\"video-wrap\"\r\n        data-vimeo-id=\"1035765242\"\r\n        tabindex=\"0\"\r\n        role=\"button\"\r\n        aria-label=\"Predvajaj video mnenje Bo\u0161tjana Vidmarja\"\r\n      >\r\n\r\n\r\n        <div class=\"video-preview\">\r\n\r\n          <img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/www.oblikov.com\/sl\/wp-content\/uploads\/Bostjan-Vidmar-iz-Viralen.si-za-Oblikov-Thumbnail.webp\" alt=\"Bo\u0161tjan Vidmar iz Viralen.si \u2013 video mnenje o Oblikovu\" class=\"video-poster-image\" width=\"1920\" height=\"1080\" \/>\r\n\r\n          <div class=\"video-grid\"><\/div>\r\n\r\n\r\n          <!-- animated target -->\r\n\r\n          <div class=\"play-target\" aria-hidden=\"true\">\r\n\r\n            <div class=\"play-ring play-ring-1\"><\/div>\r\n\r\n            <div class=\"play-ring play-ring-2\"><\/div>\r\n\r\n            <div class=\"play-ring play-ring-3\"><\/div>\r\n\r\n            <div class=\"play-orbit\"><\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"video-top-label\">\r\n\r\n          <span class=\"video-top-dot\"><\/span>\r\n\r\n          Video testimonial\r\n\r\n        <\/div>\r\n\r\n\r\n        <button\r\n          class=\"video-play\"\r\n          type=\"button\"\r\n          aria-label=\"Predvajaj video\"\r\n        >\r\n          <span class=\"play-triangle\"><\/span>\r\n        <\/button>\r\n\r\n\r\n        <div class=\"video-click-label\">\r\n          Poglej, kaj pravi Bo\u0161tjan \u2192\r\n        <\/div>\r\n\r\n\r\n        <iframe\r\n          class=\"vimeo-frame\"\r\n          title=\"Bo\u0161tjan Vidmar \u2013 mnenje o agenciji Oblikov\"\r\n          allow=\"autoplay; fullscreen; picture-in-picture\"\r\n          allowfullscreen\r\n        ><\/iframe>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n  \/* =======================================================\r\n     VIDEO\r\n  ======================================================= *\/\r\n\r\n  function initObxVideos(){\r\n\r\n    var videos =\r\n      document.querySelectorAll(\r\n        '.obx-work .video-wrap'\r\n      );\r\n\r\n\r\n    videos.forEach(function(video){\r\n\r\n      if(video.dataset.videoInitialized === 'true'){\r\n        return;\r\n      }\r\n\r\n      video.dataset.videoInitialized = 'true';\r\n\r\n\r\n      function playVideo(){\r\n\r\n        if(video.classList.contains('is-playing')){\r\n          return;\r\n        }\r\n\r\n\r\n        var iframe =\r\n          video.querySelector('.vimeo-frame');\r\n\r\n\r\n        if(!iframe){\r\n          return;\r\n        }\r\n\r\n\r\n        iframe.src =\r\n          'https:\/\/player.vimeo.com\/video\/1035765242' +\r\n          '?h=ee75a2065f' +\r\n          '&autoplay=1' +\r\n          '&title=0' +\r\n          '&byline=0' +\r\n          '&portrait=0' +\r\n          '&dnt=1';\r\n\r\n\r\n        video.classList.add('is-playing');\r\n\r\n      }\r\n\r\n\r\n      video.addEventListener(\r\n        'click',\r\n        function(event){\r\n\r\n          if(\r\n            event.target.closest('.vimeo-frame')\r\n          ){\r\n            return;\r\n          }\r\n\r\n          playVideo();\r\n\r\n        }\r\n      );\r\n\r\n\r\n      video.addEventListener(\r\n        'keydown',\r\n        function(event){\r\n\r\n          if(\r\n            event.key === 'Enter' ||\r\n            event.key === ' '\r\n          ){\r\n\r\n            event.preventDefault();\r\n\r\n            playVideo();\r\n\r\n          }\r\n\r\n        }\r\n      );\r\n\r\n    });\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     SCROLL ANIMATION\r\n  ======================================================= *\/\r\n\r\n  function initObxWorkScroll(){\r\n\r\n    var sections =\r\n      document.querySelectorAll(\r\n        '[data-obx-work-scroll]'\r\n      );\r\n\r\n\r\n    sections.forEach(function(section){\r\n\r\n      if(\r\n        section.dataset.obxWorkInitialized ===\r\n        'true'\r\n      ){\r\n        return;\r\n      }\r\n\r\n\r\n      section.dataset.obxWorkInitialized =\r\n        'true';\r\n\r\n\r\n      section.classList.add(\r\n        'obx-scroll-ready'\r\n      );\r\n\r\n\r\n      if(!('IntersectionObserver' in window)){\r\n\r\n        section.classList.add(\r\n          'obx-visible'\r\n        );\r\n\r\n        return;\r\n      }\r\n\r\n\r\n      var isMobile =\r\n        window.matchMedia(\r\n          '(max-width:767px)'\r\n        ).matches;\r\n\r\n\r\n      var observer =\r\n        new IntersectionObserver(\r\n\r\n          function(entries){\r\n\r\n            entries.forEach(function(entry){\r\n\r\n              if(entry.isIntersecting){\r\n\r\n                entry.target.classList.add(\r\n                  'obx-visible'\r\n                );\r\n\r\n                observer.unobserve(\r\n                  entry.target\r\n                );\r\n\r\n              }\r\n\r\n            });\r\n\r\n          },\r\n\r\n          {\r\n            threshold:isMobile ? 0.12 : 0.15,\r\n\r\n            rootMargin:isMobile\r\n              ? '0px 0px -6% 0px'\r\n              : '0px 0px -5% 0px'\r\n          }\r\n\r\n        );\r\n\r\n\r\n      observer.observe(section);\r\n\r\n    });\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     INIT\r\n  ======================================================= *\/\r\n\r\n  function initObxWork(){\r\n\r\n    initObxWorkScroll();\r\n\r\n    initObxVideos();\r\n\r\n  }\r\n\r\n\r\n  if(document.readyState === 'loading'){\r\n\r\n    document.addEventListener(\r\n      'DOMContentLoaded',\r\n      initObxWork\r\n    );\r\n\r\n  }else{\r\n\r\n    initObxWork();\r\n\r\n  }\r\n\r\n\r\n  window.addEventListener(\r\n    'load',\r\n    initObxWork\r\n  );\r\n\r\n\r\n  if(window.jQuery){\r\n\r\n    window.jQuery(window).on(\r\n      'elementor\/frontend\/init',\r\n      function(){\r\n\r\n        setTimeout(\r\n          initObxWork,\r\n          100\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-012647b o-nas e-flex e-con-boxed e-con e-parent\" data-id=\"012647b\" data-element_type=\"container\" data-e-type=\"container\" id=\"o-nas\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c14ac9c elementor-widget elementor-widget-html\" data-id=\"c14ac9c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.obx-about{\r\n  --bg:#050505;\r\n  --card:#0d0d0f;\r\n  --card2:#111114;\r\n  --line:#242428;\r\n  --text:#f7f7f4;\r\n  --muted:#aaaab0;\r\n  --red:#ff3538;\r\n  --blue:#2f7df6;\r\n  --yellow:#ffc51b;\r\n  width:100%;\r\n  color:var(--text);\r\n  font-family:Poppins,Arial,sans-serif;\r\n  box-sizing:border-box;\r\n  overflow:visible;\r\n}\r\n.obx-about *{box-sizing:border-box}\r\n.obx-about h2,.obx-about h3{margin:0}\r\n.obx-about .about-section{padding:72px 0;overflow:visible}\r\n.obx-about .eyebrow{\r\n  display:flex;align-items:center;gap:10px;margin-bottom:16px;\r\n  color:#d8d8da;font-size:12px;line-height:1.5;font-weight:700;\r\n  letter-spacing:.16em;text-transform:uppercase;\r\n}\r\n.obx-about .brand-dots{display:inline-flex;gap:5px}\r\n.obx-about .brand-dots i{display:block;width:6px;height:6px;border-radius:50%}\r\n.obx-about .brand-dots i:nth-child(1){background:var(--red)}\r\n.obx-about .brand-dots i:nth-child(2){background:var(--blue)}\r\n.obx-about .brand-dots i:nth-child(3){background:var(--yellow)}\r\n.obx-about .title{\r\n  max-width:1050px;font-family:Anton,Impact,\"Arial Narrow\",sans-serif;\r\n  font-size:clamp(40px,5vw,72px);font-weight:400;line-height:1;\r\n  letter-spacing:.01em;text-transform:uppercase;overflow:visible;\r\n}\r\n.obx-about .title-line{display:block;line-height:1.04;overflow:visible}\r\n.obx-about .title-line + .title-line{padding-top:.10em;margin-top:.015em}\r\n.obx-about .title-blue{color:var(--blue)}\r\n\r\n.obx-about .about-card{\r\n  position:relative;display:grid;\r\n  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);\r\n  margin-top:32px;border:1px solid var(--line);border-radius:20px;\r\n  background:\r\n    radial-gradient(circle at 88% 10%,rgba(47,125,246,.08),transparent 28%),\r\n    linear-gradient(145deg,#111114 0%,#09090b 58%,#070709 100%);\r\n  overflow:hidden;box-shadow:0 30px 75px rgba(0,0,0,.18);\r\n}\r\n.obx-about .about-card:before{\r\n  content:\"\";position:absolute;z-index:5;left:0;top:0;width:100%;height:2px;\r\n  background:linear-gradient(90deg,var(--red) 0 33.333%,var(--blue) 33.333% 66.666%,var(--yellow) 66.666% 100%);\r\n  transform-origin:left center;\r\n}\r\n.obx-about .about-copy{\r\n  position:relative;z-index:2;display:flex;flex-direction:column;\r\n  justify-content:center;padding:clamp(30px,4vw,54px);\r\n}\r\n.obx-about .about-label{\r\n  display:flex;align-items:center;gap:10px;margin-bottom:22px;\r\n  color:#b6b6bb;font-size:10px;line-height:1.4;font-weight:800;\r\n  letter-spacing:.15em;text-transform:uppercase;\r\n}\r\n.obx-about .about-label-dot{\r\n  width:7px;height:7px;flex:0 0 7px;border-radius:50%;\r\n  background:var(--blue);box-shadow:0 0 0 5px rgba(47,125,246,.08);\r\n}\r\n.obx-about .about-copy h3{\r\n  max-width:560px;color:#fff;font-family:Anton,Impact,\"Arial Narrow\",sans-serif;\r\n  font-size:clamp(29px,3vw,45px);font-weight:400;line-height:1.08;\r\n  letter-spacing:.01em;text-transform:uppercase;\r\n}\r\n.obx-about .about-copy h3 span{color:var(--blue)}\r\n.obx-about .lead{\r\n  margin:20px 0 0;color:#f0f0ed;font-size:clamp(17px,1.5vw,20px);\r\n  line-height:1.58;font-weight:500;\r\n}\r\n.obx-about .lead strong{color:#fff;font-weight:800}\r\n.obx-about .body{\r\n  margin:15px 0 0;color:var(--muted);font-size:14px;line-height:1.7;\r\n}\r\n.obx-about .pill-row{\r\n  display:flex;flex-wrap:wrap;gap:8px;margin-top:25px;\r\n}\r\n.obx-about .pill{\r\n  display:inline-flex;align-items:center;gap:8px;padding:9px 11px;\r\n  border:1px solid #2a2a2f;border-radius:100px;background:#101012;\r\n  color:#d5d5d9;font-size:10px;line-height:1;font-weight:800;\r\n  letter-spacing:.08em;text-transform:uppercase;\r\n}\r\n.obx-about .pill-dot{width:5px;height:5px;border-radius:50%}\r\n.obx-about .pill:nth-child(1) .pill-dot{background:var(--red)}\r\n.obx-about .pill:nth-child(2) .pill-dot{background:var(--blue)}\r\n.obx-about .pill:nth-child(3) .pill-dot{background:var(--yellow)}\r\n\r\n.obx-about .video-wrap{\r\n  position:relative;min-height:430px;background:#070708;overflow:hidden;cursor:pointer;\r\n}\r\n.obx-about .video-preview{position:absolute;inset:0;overflow:hidden;background:#09090b}\r\n.obx-about .video-poster{\r\n  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;\r\n  object-position:center;opacity:.82;filter:saturate(.86) contrast(1.04) brightness(.73);\r\n  transform:scale(1.01);\r\n  transition:transform .75s cubic-bezier(.22,1,.36,1),filter .55s ease,opacity .55s ease;\r\n}\r\n.obx-about .video-preview:after{\r\n  content:\"\";position:absolute;z-index:1;inset:0;pointer-events:none;\r\n  background:\r\n    linear-gradient(90deg,rgba(5,5,5,.22),rgba(5,5,5,.02) 55%,rgba(5,5,5,.12)),\r\n    linear-gradient(180deg,rgba(5,5,5,.05),rgba(5,5,5,.30));\r\n}\r\n.obx-about .video-grid{\r\n  position:absolute;z-index:2;inset:0;opacity:.10;\r\n  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),\r\n                   linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);\r\n  background-size:42px 42px;\r\n  mask-image:radial-gradient(circle at center,#000 0%,transparent 72%);\r\n}\r\n.obx-about .video-wrap:hover .video-poster{\r\n  opacity:.94;filter:saturate(.95) contrast(1.03) brightness(.80);transform:scale(1.035);\r\n}\r\n.obx-about .video-top-label{\r\n  position:absolute;z-index:4;left:25px;top:25px;display:flex;align-items:center;gap:9px;\r\n  padding:9px 12px;color:#d4d4d8;background:rgba(5,5,5,.62);\r\n  border:1px solid rgba(255,255,255,.09);border-radius:100px;\r\n  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);\r\n  font-size:9px;line-height:1;font-weight:800;letter-spacing:.12em;text-transform:uppercase;\r\n}\r\n.obx-about .video-top-dot{width:6px;height:6px;border-radius:50%;background:var(--red)}\r\n.obx-about .video-play{\r\n  position:absolute;z-index:4;left:50%;top:50%;width:104px;height:104px;\r\n  display:grid;place-items:center;transform:translate(-50%,-50%);\r\n  border:0;border-radius:50%;background:rgba(255,255,255,.96);color:#050505;\r\n  cursor:pointer;box-shadow:0 0 0 10px rgba(255,255,255,.045),0 20px 55px rgba(0,0,0,.40);\r\n  transition:transform .45s cubic-bezier(.22,1,.36,1),background .3s ease,box-shadow .45s ease;\r\n}\r\n.obx-about .video-play:before{\r\n  content:\"\";position:absolute;inset:-17px;border:1px solid rgba(255,255,255,.11);border-radius:50%;\r\n}\r\n.obx-about .video-play:after{\r\n  content:\"\";position:absolute;inset:-31px;border:1px solid rgba(47,125,246,.14);border-radius:50%;\r\n}\r\n.obx-about .play-triangle{\r\n  width:0;height:0;margin-left:7px;border-top:12px solid transparent;\r\n  border-bottom:12px solid transparent;border-left:19px solid #050505;\r\n}\r\n.obx-about .video-wrap:hover .video-play{\r\n  transform:translate(-50%,-50%) scale(1.08);background:var(--yellow);\r\n}\r\n.obx-about .video-click-label{\r\n  position:absolute;z-index:4;left:50%;top:calc(50% + 83px);transform:translateX(-50%);\r\n  color:#fff;font-size:10px;line-height:1.4;font-weight:800;letter-spacing:.14em;\r\n  text-transform:uppercase;white-space:nowrap;\r\n}\r\n.obx-about .video-note{\r\n  position:absolute;z-index:4;left:25px;right:25px;bottom:22px;\r\n  display:flex;justify-content:space-between;align-items:flex-end;gap:20px;\r\n  color:#d8d8dc;font-size:11px;line-height:1.5;font-weight:600;\r\n}\r\n.obx-about .video-note span:last-child{color:var(--yellow);font-weight:800}\r\n.obx-about video.about-video{\r\n  position:absolute;z-index:10;inset:0;width:100%;height:100%;object-fit:contain;\r\n  background:#000;opacity:0;visibility:hidden;transition:opacity .35s ease;\r\n}\r\n.obx-about .video-wrap.is-playing video.about-video{opacity:1;visibility:visible}\r\n.obx-about .video-wrap.is-playing .video-preview,\r\n.obx-about .video-wrap.is-playing .video-play,\r\n.obx-about .video-wrap.is-playing .video-click-label,\r\n.obx-about .video-wrap.is-playing .video-top-label,\r\n.obx-about .video-wrap.is-playing .video-note{opacity:0;pointer-events:none}\r\n\r\n.obx-about .principles{\r\n  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px;\r\n}\r\n.obx-about .principle{\r\n  position:relative;min-height:180px;padding:26px;border:1px solid var(--line);\r\n  border-radius:17px;background:linear-gradient(180deg,#111114 0%,#09090b 100%);\r\n  overflow:hidden;\r\n}\r\n.obx-about .principle-accent{width:100%;height:3px;margin-bottom:22px;border-radius:20px;transform-origin:left}\r\n.obx-about .principle:nth-child(1) .principle-accent{background:var(--red)}\r\n.obx-about .principle:nth-child(2) .principle-accent{background:var(--blue)}\r\n.obx-about .principle:nth-child(3) .principle-accent{background:var(--yellow)}\r\n.obx-about .principle-top{\r\n  display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:11px;\r\n}\r\n.obx-about .principle-number{\r\n  color:#66666c;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;\r\n}\r\n.obx-about .principle h3{\r\n  color:#fff;font-family:Poppins,Arial,sans-serif;font-size:19px;line-height:1.25;\r\n  font-weight:800;text-transform:none;letter-spacing:-.02em;\r\n}\r\n.obx-about .principle p{margin:9px 0 0;color:var(--muted);font-size:13px;line-height:1.65}\r\n\r\n.obx-about .about-cta-row{\r\n  display:flex;align-items:center;justify-content:space-between;gap:24px;\r\n  margin-top:20px;padding:22px 24px;border:1px solid var(--line);border-radius:16px;background:#0b0b0d;\r\n}\r\n.obx-about .about-cta-copy{color:#b7b7bc;font-size:13px;line-height:1.55}\r\n.obx-about .about-cta-copy strong{display:block;color:#fff;font-size:14px}\r\n.obx-about .about-cta{\r\n  flex:0 0 auto;display:inline-flex;align-items:center;gap:10px;padding:14px 20px;\r\n  border-radius:10px;background:#fff;color:#050505!important;text-decoration:none;\r\n  font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;\r\n  transition:transform .35s cubic-bezier(.22,1,.36,1),background .3s ease;\r\n}\r\n.obx-about .about-cta:hover{transform:translateY(-2px);background:var(--yellow)}\r\n\r\n\/* animation *\/\r\n@keyframes obxAboutUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}\r\n@keyframes obxAboutCard{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}\r\n@keyframes obxAboutLine{from{transform:scaleX(0)}to{transform:scaleX(1)}}\r\n.obx-about.obx-scroll-ready .about-eyebrow,\r\n.obx-about.obx-scroll-ready .about-title,\r\n.obx-about.obx-scroll-ready .about-card,\r\n.obx-about.obx-scroll-ready .principle,\r\n.obx-about.obx-scroll-ready .about-cta-row{opacity:0}\r\n.obx-about.obx-scroll-ready .about-card:before,\r\n.obx-about.obx-scroll-ready .principle-accent{transform:scaleX(0)}\r\n.obx-about.obx-scroll-ready.obx-visible .about-eyebrow{animation:obxAboutUp .54s cubic-bezier(.22,1,.36,1) .04s forwards}\r\n.obx-about.obx-scroll-ready.obx-visible .about-title{animation:obxAboutUp .64s cubic-bezier(.22,1,.36,1) .14s forwards}\r\n.obx-about.obx-scroll-ready.obx-visible .about-card{animation:obxAboutCard .68s cubic-bezier(.22,1,.36,1) .30s forwards}\r\n.obx-about.obx-scroll-ready.obx-visible .about-card:before{animation:obxAboutLine .56s cubic-bezier(.22,1,.36,1) .52s forwards}\r\n.obx-about.obx-scroll-ready.obx-visible .principle:nth-child(1){animation:obxAboutCard .58s cubic-bezier(.22,1,.36,1) .58s forwards}\r\n.obx-about.obx-scroll-ready.obx-visible .principle:nth-child(2){animation:obxAboutCard .58s cubic-bezier(.22,1,.36,1) .70s forwards}\r\n.obx-about.obx-scroll-ready.obx-visible .principle:nth-child(3){animation:obxAboutCard .58s cubic-bezier(.22,1,.36,1) .82s forwards}\r\n.obx-about.obx-scroll-ready.obx-visible .principle:nth-child(1) .principle-accent{animation:obxAboutLine .50s cubic-bezier(.22,1,.36,1) .82s forwards}\r\n.obx-about.obx-scroll-ready.obx-visible .principle:nth-child(2) .principle-accent{animation:obxAboutLine .50s cubic-bezier(.22,1,.36,1) .94s forwards}\r\n.obx-about.obx-scroll-ready.obx-visible .principle:nth-child(3) .principle-accent{animation:obxAboutLine .50s cubic-bezier(.22,1,.36,1) 1.06s forwards}\r\n.obx-about.obx-scroll-ready.obx-visible .about-cta-row{animation:obxAboutUp .56s cubic-bezier(.22,1,.36,1) 1.02s forwards}\r\n\r\n@media(max-width:1000px){\r\n  .obx-about .about-card{grid-template-columns:1fr}\r\n  .obx-about .video-wrap{min-height:0;aspect-ratio:16\/9;border-top:1px solid var(--line)}\r\n}\r\n@media(max-width:767px){\r\n  .obx-about .about-section{padding:60px 0}\r\n  .obx-about .eyebrow{font-size:11px;margin-bottom:13px}\r\n  .obx-about .title{font-size:clamp(40px,12vw,58px)}\r\n  .obx-about .title-line{line-height:1.05}\r\n  .obx-about .title-line + .title-line{padding-top:.11em;margin-top:.02em}\r\n  .obx-about .about-card{margin-top:27px;border-radius:17px}\r\n  .obx-about .about-copy{padding:29px 22px 31px}\r\n  .obx-about .about-copy h3{font-size:31px}\r\n  .obx-about .lead{font-size:17px}\r\n  .obx-about .video-wrap{aspect-ratio:16\/9}\r\n  .obx-about .video-top-label{left:16px;top:16px}\r\n  .obx-about .video-play{width:78px;height:78px}\r\n  .obx-about .video-play:before{inset:-12px}\r\n  .obx-about .video-play:after{inset:-22px}\r\n  .obx-about .play-triangle{border-top-width:9px;border-bottom-width:9px;border-left-width:15px}\r\n  .obx-about .video-click-label{top:calc(50% + 61px);font-size:9px}\r\n  .obx-about .video-note{display:none}\r\n  .obx-about .principles{grid-template-columns:1fr;gap:15px;margin-top:15px}\r\n  .obx-about .principle{min-height:0;padding:22px}\r\n  .obx-about .about-cta-row{align-items:flex-start;flex-direction:column;padding:20px}\r\n  .obx-about .about-cta{width:100%;justify-content:center}\r\n  .obx-about.obx-scroll-ready.obx-visible .principle:nth-child(1){animation-delay:.56s}\r\n  .obx-about.obx-scroll-ready.obx-visible .principle:nth-child(2){animation-delay:.68s}\r\n  .obx-about.obx-scroll-ready.obx-visible .principle:nth-child(3){animation-delay:.80s}\r\n  .obx-about.obx-scroll-ready.obx-visible .about-cta-row{animation-delay:.96s}\r\n}\r\n@media(prefers-reduced-motion:reduce){\r\n  .obx-about.obx-scroll-ready .about-eyebrow,\r\n  .obx-about.obx-scroll-ready .about-title,\r\n  .obx-about.obx-scroll-ready .about-card,\r\n  .obx-about.obx-scroll-ready .principle,\r\n  .obx-about.obx-scroll-ready .about-cta-row{opacity:1;transform:none;animation:none!important}\r\n  .obx-about.obx-scroll-ready .about-card:before,\r\n  .obx-about.obx-scroll-ready .principle-accent{transform:scaleX(1);animation:none!important}\r\n}\r\n<\/style>\r\n\r\n<section class=\"obx-about\" data-obx-about-scroll aria-label=\"O agenciji Oblikov\">\r\n  <div class=\"about-section\">\r\n    <div class=\"eyebrow about-eyebrow\">\r\n      <span class=\"brand-dots\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><\/span>\r\n      O nas\r\n    <\/div>\r\n\r\n    <h2 class=\"title about-title\">\r\n      <span class=\"title-line\">Ljudje vodimo.<\/span>\r\n      <span class=\"title-line title-blue\">Tehnologija pospe\u0161uje.<\/span>\r\n    <\/h2>\r\n\r\n    <div class=\"about-card\">\r\n      <div class=\"about-copy\">\r\n        <div class=\"about-label\">\r\n          <span class=\"about-label-dot\"><\/span>\r\n          Oblikov \u00d7 AI\r\n        <\/div>\r\n\r\n        <h3>Pravi ljudje. <span>Mo\u010dno podprti z AI.<\/span><\/h3>\r\n\r\n        <p class=\"lead\">\r\n          Pri Oblikovu zdru\u017eujemo <strong>marketin\u0161ko razmi\u0161ljanje, kreativno izvedbo in sodobna AI orodja.<\/strong>\r\n        <\/p>\r\n\r\n        <p class=\"body\">\r\n          Umetno inteligenco uporabljamo za raziskovanje, razvoj idej, hitrej\u0161e ustvarjanje in preverjanje ve\u010d kreativnih smeri. Strategijo, klju\u010dne odlo\u010ditve in odgovornost za kon\u010dno izvedbo pa ohranjamo v svojih rokah.\r\n        <\/p>\r\n\r\n        <div class=\"pill-row\" aria-label=\"Na\u010din dela\">\r\n          <span class=\"pill\"><i class=\"pill-dot\"><\/i>\u010clove\u0161ka presoja<\/span>\r\n          <span class=\"pill\"><i class=\"pill-dot\"><\/i>AI podpora<\/span>\r\n          <span class=\"pill\"><i class=\"pill-dot\"><\/i>Izvedba<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"video-wrap\" tabindex=\"0\" role=\"button\" aria-label=\"Predvajaj predstavitveni video Oblikova\">\r\n        <div class=\"video-preview\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.oblikov.com\/sl\/wp-content\/uploads\/Anze-Oblikov-predstavitveni-video-thumbnail.jpg\" alt=\"An\u017ee Po\u010dkaj \u2013 predstavitveni video agencije Oblikov\" class=\"video-poster\" width=\"1920\" height=\"1080\" \/>\r\n          <div class=\"video-grid\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"video-top-label\">\r\n          <span class=\"video-top-dot\"><\/span>\r\n          Spoznajte Oblikov\r\n        <\/div>\r\n\r\n        <button class=\"video-play\" type=\"button\" aria-label=\"Predvajaj video\">\r\n          <span class=\"play-triangle\"><\/span>\r\n        <\/button>\r\n\r\n        <div class=\"video-click-label\">Poglej video \u2192<\/div>\r\n\r\n        <div class=\"video-note\">\r\n          <span>\u0160ir\u0161i pogled na Oblikov in na\u0161 pristop k digitalnemu marketingu.<\/span>\r\n          <span>01:42<\/span>\r\n        <\/div>\r\n\r\n        <video class=\"about-video\"\r\n               controls\r\n               playsinline\r\n               preload=\"none\"\r\n               poster=\"https:\/\/www.oblikov.com\/sl\/wp-content\/uploads\/Anze-Oblikov-predstavitveni-video-thumbnail.jpg\">\r\n          <source src=\"https:\/\/www.oblikov.com\/sl\/wp-content\/uploads\/Oblikov-predstavitveni-video.mp4\" type=\"video\/mp4\">\r\n        <\/video>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"principles\">\r\n      <article class=\"principle\">\r\n        <div class=\"principle-accent\"><\/div>\r\n        <div class=\"principle-top\"><span class=\"principle-number\">01 \u00b7 Ljudje<\/span><\/div>\r\n        <h3>Presoja ostane \u010dlove\u0161ka.<\/h3>\r\n        <p>Razumevanje ponudbe, pozicioniranje, strategija in kon\u010dne odlo\u010ditve niso prepu\u0161\u010dene avtomatizaciji.<\/p>\r\n      <\/article>\r\n\r\n      <article class=\"principle\">\r\n        <div class=\"principle-accent\"><\/div>\r\n        <div class=\"principle-top\"><span class=\"principle-number\">02 \u00b7 AI<\/span><\/div>\r\n        <h3>AI nam daje ve\u010d mo\u017enosti.<\/h3>\r\n        <p>Pomaga nam hitreje raziskovati, razvijati ideje in preveriti ve\u010d kreativnih smeri, preden izberemo pravo.<\/p>\r\n      <\/article>\r\n\r\n      <article class=\"principle\">\r\n        <div class=\"principle-accent\"><\/div>\r\n        <div class=\"principle-top\"><span class=\"principle-number\">03 \u00b7 Izvedba<\/span><\/div>\r\n        <h3>Tehnologija mora slu\u017eiti rezultatu.<\/h3>\r\n        <p>Ne uporabljamo AI zato, ker je trend. Uporabljamo ga tam, kjer izbolj\u0161a hitrost, kakovost ali u\u010dinkovitost izvedbe.<\/p>\r\n      <\/article>\r\n    <\/div>\r\n\r\n    <div class=\"about-cta-row\">\r\n      <div class=\"about-cta-copy\">\r\n        <strong>I\u0161\u010dete partnerja, ki razume marketing in zna izkoristiti sodobno tehnologijo?<\/strong>\r\n        Preverimo, ali je Oblikov pravi fit za va\u0161e podjetje.\r\n      <\/div>\r\n      <a class=\"about-cta\" href=\"\/sl\/#form\">Preveri ustreznost <span>\u2192<\/span><\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  function initAbout(){\r\n    document.querySelectorAll('.obx-about').forEach(function(section){\r\n      if(section.dataset.obxAboutInitialized === 'true') return;\r\n      section.dataset.obxAboutInitialized = 'true';\r\n      section.classList.add('obx-scroll-ready');\r\n\r\n      var videoWrap=section.querySelector('.video-wrap');\r\n      var video=section.querySelector('video.about-video');\r\n\r\n      function play(){\r\n        if(!videoWrap || !video || videoWrap.classList.contains('is-playing')) return;\r\n        videoWrap.classList.add('is-playing');\r\n        var p=video.play();\r\n        if(p && typeof p.catch==='function') p.catch(function(){});\r\n      }\r\n      if(videoWrap){\r\n        videoWrap.addEventListener('click',function(e){\r\n          if(e.target.closest('video')) return;\r\n          play();\r\n        });\r\n        videoWrap.addEventListener('keydown',function(e){\r\n          if(e.key==='Enter'||e.key===' '){e.preventDefault();play();}\r\n        });\r\n      }\r\n\r\n      if(!('IntersectionObserver' in window)){\r\n        section.classList.add('obx-visible');\r\n        return;\r\n      }\r\n      var mobile=window.matchMedia('(max-width:767px)').matches;\r\n      var observer=new IntersectionObserver(function(entries){\r\n        entries.forEach(function(entry){\r\n          if(entry.isIntersecting){\r\n            entry.target.classList.add('obx-visible');\r\n            observer.unobserve(entry.target);\r\n          }\r\n        });\r\n      },{\r\n        threshold:mobile ? .11 : .14,\r\n        rootMargin:mobile ? '0px 0px -5% 0px' : '0px 0px -4% 0px'\r\n      });\r\n      observer.observe(section);\r\n    });\r\n  }\r\n  if(document.readyState==='loading') document.addEventListener('DOMContentLoaded',initAbout);\r\n  else initAbout();\r\n  window.addEventListener('load',initAbout);\r\n  if(window.jQuery){\r\n    window.jQuery(window).on('elementor\/frontend\/init',function(){setTimeout(initAbout,100);});\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a207c69 e-flex e-con-boxed e-con e-parent\" data-id=\"a207c69\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7c8bc02 elementor-widget elementor-widget-html\" data-id=\"7c8bc02\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.obx-offer{\r\n  --text:#080808;\r\n  --muted:#a8a8ad;\r\n  --red:#ff3538;\r\n  --blue:#2f7df6;\r\n  --yellow:#ffc51b;\r\n  --card:#080808;\r\n  --line:#242428;\r\n\r\n  width:100%;\r\n  color:#fff;\r\n  font-family:Poppins,Arial,sans-serif;\r\n  box-sizing:border-box;\r\n  overflow:visible;\r\n}\r\n\r\n.obx-offer *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.obx-offer h1,\r\n.obx-offer h2,\r\n.obx-offer h3,\r\n.obx-offer .anton{\r\n  margin:0;\r\n  font-family:Anton,Impact,\"Arial Narrow\",sans-serif;\r\n  text-transform:uppercase;\r\n  letter-spacing:.01em;\r\n  overflow:visible;\r\n}\r\n\r\n.obx-offer p{\r\n  margin:0;\r\n  color:var(--muted);\r\n  font-size:16px;\r\n  line-height:1.65;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION\r\n========================================================= *\/\r\n\r\n.obx-offer .offer-section{\r\n  padding:40px 0 80px;\r\n  overflow:visible;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PREMIUM OFFER CARD\r\n========================================================= *\/\r\n\r\n.obx-offer .offer-card{\r\n  position:relative;\r\n  isolation:isolate;\r\n\r\n  padding:clamp(32px,5vw,62px);\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 12% 5%,\r\n      rgba(255,197,27,.055) 0%,\r\n      transparent 27%\r\n    ),\r\n    radial-gradient(\r\n      circle at 92% 80%,\r\n      rgba(47,125,246,.065) 0%,\r\n      transparent 30%\r\n    ),\r\n    linear-gradient(\r\n      145deg,\r\n      #111113 0%,\r\n      #09090b 52%,\r\n      #070708 100%\r\n    );\r\n\r\n  border:1px solid var(--line);\r\n  border-radius:20px;\r\n\r\n  overflow:hidden;\r\n\r\n  box-shadow:\r\n    0 32px 80px rgba(0,0,0,.17),\r\n    inset 0 1px 0 rgba(255,255,255,.035);\r\n}\r\n\r\n.obx-offer .offer-card:before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n  z-index:3;\r\n  left:0;\r\n  top:0;\r\n\r\n  width:100%;\r\n  height:2px;\r\n\r\n  background:linear-gradient(\r\n    90deg,\r\n    var(--red) 0 33.333%,\r\n    var(--blue) 33.333% 66.666%,\r\n    var(--yellow) 66.666% 100%\r\n  );\r\n\r\n  transform-origin:left center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LAYOUT\r\n========================================================= *\/\r\n\r\n.obx-offer .grid2{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  display:grid;\r\n  grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);\r\n  gap:clamp(46px,6vw,82px);\r\n  align-items:center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT\r\n========================================================= *\/\r\n\r\n.obx-offer .eyebrow{\r\n  margin-bottom:17px;\r\n\r\n  color:#b6b6bb;\r\n\r\n  font-size:12px;\r\n  line-height:1.5;\r\n  font-weight:700;\r\n  letter-spacing:.16em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.obx-offer .title{\r\n  max-width:680px;\r\n\r\n  color:#fff;\r\n\r\n  font-family:Anton,Impact,\"Arial Narrow\",sans-serif;\r\n  font-size:clamp(44px,5.5vw,76px);\r\n  font-weight:400;\r\n  line-height:1;\r\n  letter-spacing:.01em;\r\n  text-transform:uppercase;\r\n\r\n  overflow:visible;\r\n}\r\n\r\n.obx-offer .title-line{\r\n  display:block;\r\n  position:relative;\r\n\r\n  line-height:1.04;\r\n\r\n  overflow:visible;\r\n}\r\n\r\n.obx-offer .title-line-second{\r\n  padding-top:.10em;\r\n  margin-top:.015em;\r\n}\r\n\r\n.obx-offer .title-yellow{\r\n  color:var(--yellow);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   POSITIONING COPY\r\n========================================================= *\/\r\n\r\n.obx-offer .offer-intro{\r\n  max-width:540px;\r\n\r\n  margin-top:23px;\r\n\r\n  color:#b6b6bb;\r\n\r\n  font-size:16px;\r\n  line-height:1.7;\r\n}\r\n\r\n.obx-offer .offer-intro strong{\r\n  color:#fff;\r\n  font-weight:700;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BRAND MARKER\r\n========================================================= *\/\r\n\r\n.obx-offer .brand-marker{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:8px;\r\n\r\n  margin-top:29px;\r\n}\r\n\r\n.obx-offer .brand-dot{\r\n  width:9px;\r\n  height:9px;\r\n  flex:0 0 9px;\r\n\r\n  border-radius:50%;\r\n}\r\n\r\n.obx-offer .brand-dot-red{\r\n  background:var(--red);\r\n}\r\n\r\n.obx-offer .brand-dot-blue{\r\n  background:var(--blue);\r\n}\r\n\r\n.obx-offer .brand-dot-yellow{\r\n  background:var(--yellow);\r\n}\r\n\r\n.obx-offer .brand-line{\r\n  width:74px;\r\n  height:1px;\r\n\r\n  margin-left:5px;\r\n\r\n  background:#343438;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT LABEL\r\n========================================================= *\/\r\n\r\n.obx-offer .included-label{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:20px;\r\n\r\n  margin-bottom:19px;\r\n}\r\n\r\n.obx-offer .included-label-main{\r\n  color:#f2f2f0;\r\n\r\n  font-size:11px;\r\n  line-height:1.4;\r\n  font-weight:800;\r\n  letter-spacing:.12em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.obx-offer .included-label-side{\r\n  color:#66666c;\r\n\r\n  font-size:9px;\r\n  line-height:1.4;\r\n  font-weight:800;\r\n  letter-spacing:.12em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DELIVERABLES\r\n========================================================= *\/\r\n\r\n.obx-offer .checks{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  column-gap:34px;\r\n}\r\n\r\n.obx-offer .check-column{\r\n  display:flex;\r\n  flex-direction:column;\r\n}\r\n\r\n.obx-offer .check{\r\n  position:relative;\r\n\r\n  display:grid;\r\n  grid-template-columns:27px minmax(0,1fr);\r\n  gap:11px;\r\n  align-items:center;\r\n\r\n  min-height:53px;\r\n\r\n  padding:10px 0;\r\n\r\n  color:#e9e9e7;\r\n\r\n  border-bottom:1px solid #202024;\r\n\r\n  font-size:14px;\r\n  line-height:1.45;\r\n  font-weight:500;\r\n\r\n  transition:\r\n    transform .35s cubic-bezier(.22,1,.36,1),\r\n    color .25s ease;\r\n}\r\n\r\n.obx-offer .check:last-child{\r\n  border-bottom:0;\r\n}\r\n\r\n.obx-offer .check-icon{\r\n  width:25px;\r\n  height:25px;\r\n\r\n  display:grid;\r\n  place-items:center;\r\n\r\n  color:#fff;\r\n  background:rgba(47,125,246,.10);\r\n\r\n  border:1px solid rgba(47,125,246,.24);\r\n  border-radius:50%;\r\n\r\n  font-size:11px;\r\n  line-height:1;\r\n  font-weight:900;\r\n\r\n  transition:\r\n    background .3s ease,\r\n    border-color .3s ease,\r\n    transform .35s cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n.obx-offer .check:hover{\r\n  color:#fff;\r\n  transform:translateX(3px);\r\n}\r\n\r\n.obx-offer .check:hover .check-icon{\r\n  background:var(--blue);\r\n  border-color:var(--blue);\r\n\r\n  transform:scale(1.07);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VALUE STATEMENT\r\n========================================================= *\/\r\n\r\n.obx-offer .value-block{\r\n  position:relative;\r\n\r\n  margin-top:25px;\r\n  padding:19px 20px 19px 23px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(255,255,255,.045),\r\n      rgba(255,255,255,.018)\r\n    );\r\n\r\n  border:1px solid #242428;\r\n  border-radius:12px;\r\n\r\n  overflow:hidden;\r\n}\r\n\r\n.obx-offer .value-block:before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:0;\r\n  top:0;\r\n  bottom:0;\r\n\r\n  width:3px;\r\n\r\n  background:var(--yellow);\r\n}\r\n\r\n.obx-offer .value-label{\r\n  margin-bottom:5px;\r\n\r\n  color:var(--yellow);\r\n\r\n  font-size:9px;\r\n  line-height:1.4;\r\n  font-weight:800;\r\n  letter-spacing:.14em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.obx-offer .value-text{\r\n  color:#eeeeec;\r\n\r\n  font-size:13px;\r\n  line-height:1.55;\r\n  font-weight:600;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA\r\n========================================================= *\/\r\n\r\n.obx-offer .btn{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:12px;\r\n\r\n  margin-top:27px;\r\n  padding:15px 22px;\r\n\r\n  color:#080808!important;\r\n  background:#fff;\r\n\r\n  border:1px solid rgba(255,255,255,.85);\r\n  border-radius:10px;\r\n\r\n  text-decoration:none;\r\n\r\n  font-size:14px;\r\n  line-height:1.3;\r\n  font-weight:800;\r\n\r\n  box-shadow:\r\n    0 8px 25px rgba(255,255,255,.05);\r\n\r\n  transition:\r\n    transform .35s cubic-bezier(.22,1,.36,1),\r\n    background .25s ease,\r\n    box-shadow .35s ease;\r\n}\r\n\r\n.obx-offer .btn-arrow{\r\n  display:inline-block;\r\n\r\n  transition:\r\n    transform .35s cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n.obx-offer .btn:hover{\r\n  transform:translateY(-3px);\r\n\r\n  background:var(--yellow);\r\n\r\n  border-color:var(--yellow);\r\n\r\n  box-shadow:\r\n    0 14px 38px rgba(255,197,27,.12);\r\n}\r\n\r\n.obx-offer .btn:hover .btn-arrow{\r\n  transform:translateX(4px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FOOTNOTE\r\n========================================================= *\/\r\n\r\n.obx-offer .offer-note{\r\n  max-width:650px;\r\n\r\n  margin-top:16px;\r\n\r\n  color:#737379;\r\n\r\n  font-size:11px;\r\n  line-height:1.6;\r\n}\r\n\r\n.obx-offer .offer-note strong{\r\n  color:#99999e;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DECORATIVE CIRCLE\r\n========================================================= *\/\r\n\r\n.obx-offer .offer-decoration{\r\n  position:absolute;\r\n  z-index:0;\r\n\r\n  left:-100px;\r\n  bottom:-145px;\r\n\r\n  width:330px;\r\n  height:330px;\r\n\r\n  border:1px solid rgba(255,255,255,.035);\r\n  border-radius:50%;\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n.obx-offer .offer-decoration:before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  inset:55px;\r\n\r\n  border:1px solid rgba(255,197,27,.045);\r\n  border-radius:50%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SCROLL ANIMATIONS\r\n========================================================= *\/\r\n\r\n@keyframes obxOfferFadeUp{\r\n  from{\r\n    opacity:0;\r\n    transform:translateY(20px);\r\n  }\r\n\r\n  to{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes obxOfferCardIn{\r\n  from{\r\n    opacity:0;\r\n    transform:translateY(28px);\r\n  }\r\n\r\n  to{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes obxOfferCheckIn{\r\n  from{\r\n    opacity:0;\r\n    transform:translateX(18px);\r\n  }\r\n\r\n  to{\r\n    opacity:1;\r\n    transform:translateX(0);\r\n  }\r\n}\r\n\r\n@keyframes obxOfferLineGrow{\r\n  from{\r\n    transform:scaleX(0);\r\n  }\r\n\r\n  to{\r\n    transform:scaleX(1);\r\n  }\r\n}\r\n\r\n\r\n\/* progressive enhancement *\/\r\n\r\n.obx-offer.obx-scroll-ready .offer-card{\r\n  opacity:0;\r\n  transform:translateY(28px);\r\n}\r\n\r\n.obx-offer.obx-scroll-ready .offer-eyebrow,\r\n.obx-offer.obx-scroll-ready .offer-title,\r\n.obx-offer.obx-scroll-ready .offer-intro,\r\n.obx-offer.obx-scroll-ready .brand-marker,\r\n.obx-offer.obx-scroll-ready .included-label,\r\n.obx-offer.obx-scroll-ready .value-block,\r\n.obx-offer.obx-scroll-ready .offer-cta,\r\n.obx-offer.obx-scroll-ready .offer-note{\r\n  opacity:0;\r\n  transform:translateY(18px);\r\n}\r\n\r\n.obx-offer.obx-scroll-ready .check{\r\n  opacity:0;\r\n  transform:translateX(18px);\r\n}\r\n\r\n.obx-offer.obx-scroll-ready .offer-card:before{\r\n  transform:scaleX(0);\r\n}\r\n\r\n\r\n\/* card *\/\r\n\r\n.obx-offer.obx-scroll-ready.obx-visible .offer-card{\r\n  animation:\r\n    obxOfferCardIn\r\n    .64s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .04s\r\n    forwards;\r\n}\r\n\r\n.obx-offer.obx-scroll-ready.obx-visible .offer-card:before{\r\n  animation:\r\n    obxOfferLineGrow\r\n    .58s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .24s\r\n    forwards;\r\n}\r\n\r\n\r\n\/* left *\/\r\n\r\n.obx-offer.obx-scroll-ready.obx-visible .offer-eyebrow{\r\n  animation:\r\n    obxOfferFadeUp\r\n    .54s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .18s\r\n    forwards;\r\n}\r\n\r\n.obx-offer.obx-scroll-ready.obx-visible .offer-title{\r\n  animation:\r\n    obxOfferFadeUp\r\n    .62s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .28s\r\n    forwards;\r\n}\r\n\r\n.obx-offer.obx-scroll-ready.obx-visible .offer-intro{\r\n  animation:\r\n    obxOfferFadeUp\r\n    .58s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .42s\r\n    forwards;\r\n}\r\n\r\n.obx-offer.obx-scroll-ready.obx-visible .brand-marker{\r\n  animation:\r\n    obxOfferFadeUp\r\n    .54s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .56s\r\n    forwards;\r\n}\r\n\r\n\r\n\/* right *\/\r\n\r\n.obx-offer.obx-scroll-ready.obx-visible .included-label{\r\n  animation:\r\n    obxOfferFadeUp\r\n    .54s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .34s\r\n    forwards;\r\n}\r\n\r\n.obx-offer.obx-scroll-ready.obx-visible .check:nth-child(1){\r\n  animation:\r\n    obxOfferCheckIn\r\n    .56s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .50s\r\n    forwards;\r\n}\r\n\r\n.obx-offer.obx-scroll-ready.obx-visible .check:nth-child(2){\r\n  animation:\r\n    obxOfferCheckIn\r\n    .56s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .62s\r\n    forwards;\r\n}\r\n\r\n.obx-offer.obx-scroll-ready.obx-visible .check:nth-child(3){\r\n  animation:\r\n    obxOfferCheckIn\r\n    .56s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .74s\r\n    forwards;\r\n}\r\n\r\n.obx-offer.obx-scroll-ready.obx-visible .check:nth-child(4){\r\n  animation:\r\n    obxOfferCheckIn\r\n    .56s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .86s\r\n    forwards;\r\n}\r\n\r\n.obx-offer.obx-scroll-ready.obx-visible .check:nth-child(5){\r\n  animation:\r\n    obxOfferCheckIn\r\n    .56s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .98s\r\n    forwards;\r\n}\r\n\r\n.obx-offer.obx-scroll-ready.obx-visible .check-column:nth-child(2) .check:nth-child(1){\r\n  animation-delay:.56s;\r\n}\r\n\r\n.obx-offer.obx-scroll-ready.obx-visible .check-column:nth-child(2) .check:nth-child(2){\r\n  animation-delay:.68s;\r\n}\r\n\r\n.obx-offer.obx-scroll-ready.obx-visible .check-column:nth-child(2) .check:nth-child(3){\r\n  animation-delay:.80s;\r\n}\r\n\r\n.obx-offer.obx-scroll-ready.obx-visible .check-column:nth-child(2) .check:nth-child(4){\r\n  animation-delay:.92s;\r\n}\r\n\r\n.obx-offer.obx-scroll-ready.obx-visible .check-column:nth-child(2) .check:nth-child(5){\r\n  animation-delay:1.04s;\r\n}\r\n\r\n.obx-offer.obx-scroll-ready.obx-visible .value-block{\r\n  animation:\r\n    obxOfferFadeUp\r\n    .58s\r\n    cubic-bezier(.22,1,.36,1)\r\n    1.16s\r\n    forwards;\r\n}\r\n\r\n.obx-offer.obx-scroll-ready.obx-visible .offer-cta{\r\n  animation:\r\n    obxOfferFadeUp\r\n    .56s\r\n    cubic-bezier(.22,1,.36,1)\r\n    1.30s\r\n    forwards;\r\n}\r\n\r\n.obx-offer.obx-scroll-ready.obx-visible .offer-note{\r\n  animation:\r\n    obxOfferFadeUp\r\n    .54s\r\n    cubic-bezier(.22,1,.36,1)\r\n    1.42s\r\n    forwards;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1000px){\r\n\r\n  .obx-offer .grid2{\r\n    grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);\r\n    gap:42px;\r\n  }\r\n\r\n  .obx-offer .checks{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .obx-offer .check-column:first-child .check:last-child{\r\n    border-bottom:1px solid #202024;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:767px){\r\n\r\n  .obx-offer .offer-section{\r\n    padding:28px 0 60px;\r\n  }\r\n\r\n  .obx-offer .offer-card{\r\n    padding:30px 22px 27px;\r\n    border-radius:17px;\r\n  }\r\n\r\n  .obx-offer .grid2{\r\n    grid-template-columns:1fr;\r\n    gap:39px;\r\n  }\r\n\r\n  .obx-offer .eyebrow{\r\n    margin-bottom:13px;\r\n\r\n    font-size:11px;\r\n    line-height:1.55;\r\n  }\r\n\r\n  .obx-offer .title{\r\n    font-size:clamp(42px,12vw,58px);\r\n  }\r\n\r\n  .obx-offer .title-line{\r\n    line-height:1.05;\r\n  }\r\n\r\n  .obx-offer .title-line-second{\r\n    padding-top:.11em;\r\n    margin-top:.02em;\r\n  }\r\n\r\n  .obx-offer .offer-intro{\r\n    margin-top:21px;\r\n\r\n    font-size:15px;\r\n  }\r\n\r\n  .obx-offer .brand-marker{\r\n    margin-top:24px;\r\n  }\r\n\r\n  .obx-offer .checks{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .obx-offer .check{\r\n    min-height:51px;\r\n\r\n    font-size:14px;\r\n  }\r\n\r\n  .obx-offer .check-column:first-child .check:last-child{\r\n    border-bottom:1px solid #202024;\r\n  }\r\n\r\n  .obx-offer .value-block{\r\n    margin-top:22px;\r\n  }\r\n\r\n  .obx-offer .btn{\r\n    width:100%;\r\n\r\n    margin-top:24px;\r\n\r\n    text-align:center;\r\n  }\r\n\r\n  .obx-offer .offer-note{\r\n    font-size:10px;\r\n  }\r\n\r\n\r\n  \/* faster mobile animation *\/\r\n\r\n  .obx-offer.obx-scroll-ready.obx-visible .offer-card{\r\n    animation-delay:.04s;\r\n    animation-duration:.64s;\r\n  }\r\n\r\n  .obx-offer.obx-scroll-ready.obx-visible .offer-card:before{\r\n    animation-delay:.24s;\r\n    animation-duration:.56s;\r\n  }\r\n\r\n  .obx-offer.obx-scroll-ready.obx-visible .offer-eyebrow{\r\n    animation-delay:.16s;\r\n    animation-duration:.54s;\r\n  }\r\n\r\n  .obx-offer.obx-scroll-ready.obx-visible .offer-title{\r\n    animation-delay:.28s;\r\n    animation-duration:.62s;\r\n  }\r\n\r\n  .obx-offer.obx-scroll-ready.obx-visible .offer-intro{\r\n    animation-delay:.42s;\r\n    animation-duration:.58s;\r\n  }\r\n\r\n  .obx-offer.obx-scroll-ready.obx-visible .brand-marker{\r\n    animation-delay:.54s;\r\n    animation-duration:.54s;\r\n  }\r\n\r\n  .obx-offer.obx-scroll-ready.obx-visible .included-label{\r\n    animation-delay:.38s;\r\n    animation-duration:.54s;\r\n  }\r\n\r\n  .obx-offer.obx-scroll-ready.obx-visible .check-column:nth-child(1) .check:nth-child(1){\r\n    animation-delay:.56s;\r\n  }\r\n\r\n  .obx-offer.obx-scroll-ready.obx-visible .check-column:nth-child(1) .check:nth-child(2){\r\n    animation-delay:.68s;\r\n  }\r\n\r\n  .obx-offer.obx-scroll-ready.obx-visible .check-column:nth-child(1) .check:nth-child(3){\r\n    animation-delay:.80s;\r\n  }\r\n\r\n  .obx-offer.obx-scroll-ready.obx-visible .check-column:nth-child(1) .check:nth-child(4){\r\n    animation-delay:.92s;\r\n  }\r\n\r\n  .obx-offer.obx-scroll-ready.obx-visible .check-column:nth-child(1) .check:nth-child(5){\r\n    animation-delay:1.04s;\r\n  }\r\n\r\n  .obx-offer.obx-scroll-ready.obx-visible .check-column:nth-child(2) .check:nth-child(1){\r\n    animation-delay:.62s;\r\n  }\r\n\r\n  .obx-offer.obx-scroll-ready.obx-visible .check-column:nth-child(2) .check:nth-child(2){\r\n    animation-delay:.74s;\r\n  }\r\n\r\n  .obx-offer.obx-scroll-ready.obx-visible .check-column:nth-child(2) .check:nth-child(3){\r\n    animation-delay:.86s;\r\n  }\r\n\r\n  .obx-offer.obx-scroll-ready.obx-visible .check-column:nth-child(2) .check:nth-child(4){\r\n    animation-delay:.98s;\r\n  }\r\n\r\n  .obx-offer.obx-scroll-ready.obx-visible .check-column:nth-child(2) .check:nth-child(5){\r\n    animation-delay:1.10s;\r\n  }\r\n\r\n  .obx-offer.obx-scroll-ready.obx-visible .check{\r\n    animation-duration:.56s;\r\n  }\r\n\r\n  .obx-offer.obx-scroll-ready.obx-visible .value-block{\r\n    animation-delay:1.22s;\r\n    animation-duration:.58s;\r\n  }\r\n\r\n  .obx-offer.obx-scroll-ready.obx-visible .offer-cta{\r\n    animation-delay:1.34s;\r\n    animation-duration:.56s;\r\n  }\r\n\r\n  .obx-offer.obx-scroll-ready.obx-visible .offer-note{\r\n    animation-delay:1.46s;\r\n    animation-duration:.54s;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  .obx-offer.obx-scroll-ready .offer-card,\r\n  .obx-offer.obx-scroll-ready .offer-eyebrow,\r\n  .obx-offer.obx-scroll-ready .offer-title,\r\n  .obx-offer.obx-scroll-ready .offer-intro,\r\n  .obx-offer.obx-scroll-ready .brand-marker,\r\n  .obx-offer.obx-scroll-ready .included-label,\r\n  .obx-offer.obx-scroll-ready .check,\r\n  .obx-offer.obx-scroll-ready .value-block,\r\n  .obx-offer.obx-scroll-ready .offer-cta,\r\n  .obx-offer.obx-scroll-ready .offer-note{\r\n    opacity:1;\r\n    transform:none;\r\n    animation:none!important;\r\n  }\r\n\r\n  .obx-offer.obx-scroll-ready .offer-card:before{\r\n    transform:scaleX(1);\r\n    animation:none!important;\r\n  }\r\n\r\n  .obx-offer .check,\r\n  .obx-offer .check-icon,\r\n  .obx-offer .btn,\r\n  .obx-offer .btn-arrow{\r\n    transition:none!important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n\r\n<section\r\n  class=\"obx-offer\"\r\n  data-obx-offer-scroll\r\n  aria-label=\"Oblikov Lead System\"\r\n>\r\n\r\n  <div class=\"offer-section\">\r\n\r\n\r\n    <div class=\"offer-card\">\r\n\r\n\r\n      <div class=\"offer-decoration\" aria-hidden=\"true\"><\/div>\r\n\r\n\r\n      <div class=\"grid2\">\r\n\r\n\r\n        <!-- LEFT -->\r\n\r\n        <div>\r\n\r\n\r\n          <div class=\"eyebrow offer-eyebrow\">\r\n            Oblikov Lead System\r\n          <\/div>\r\n\r\n\r\n          <h2 class=\"title offer-title\">\r\n\r\n            <span class=\"title-line\">\r\n              Celoten sistem.\r\n            <\/span>\r\n\r\n            <span class=\"title-line title-line-second title-yellow\">\r\n              Ena izvedba.\r\n            <\/span>\r\n\r\n          <\/h2>\r\n\r\n\r\n          <p class=\"offer-intro\">\r\n            Ne dobite samo oglasa ali nove podstrani.\r\n            Postavimo <strong>povezan sistem za pridobivanje povpra\u0161evanj<\/strong> \u2013\r\n            od marketin\u0161ke ideje in Meta kampanje do prodajne strani,\r\n            merjenja in zagona.\r\n          <\/p>\r\n\r\n\r\n          <div class=\"brand-marker\" aria-hidden=\"true\">\r\n\r\n            <span class=\"brand-dot brand-dot-red\"><\/span>\r\n            <span class=\"brand-dot brand-dot-blue\"><\/span>\r\n            <span class=\"brand-dot brand-dot-yellow\"><\/span>\r\n\r\n            <span class=\"brand-line\"><\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- RIGHT -->\r\n\r\n        <div>\r\n\r\n\r\n          <div class=\"included-label\">\r\n\r\n            <span class=\"included-label-main\">\r\n              Vklju\u010deno v vzpostavitev\r\n            <\/span>\r\n\r\n            <span class=\"included-label-side\">\r\n              Od ideje do zagona\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"checks\">\r\n\r\n\r\n            <div class=\"check-column\">\r\n\r\n              <div class=\"check\">\r\n                <span class=\"check-icon\">\u2713<\/span>\r\n                <span>Analiza ponudbe in prodajnega potenciala<\/span>\r\n              <\/div>\r\n\r\n              <div class=\"check\">\r\n                <span class=\"check-icon\">\u2713<\/span>\r\n                <span>Marketin\u0161ka ideja in komunikacijski kot<\/span>\r\n              <\/div>\r\n\r\n              <div class=\"check\">\r\n                <span class=\"check-icon\">\u2713<\/span>\r\n                <span>Struktura prodajnega lijaka<\/span>\r\n              <\/div>\r\n\r\n              <div class=\"check\">\r\n                <span class=\"check-icon\">\u2713<\/span>\r\n                <span>Vzpostavitev Meta kampanje<\/span>\r\n              <\/div>\r\n\r\n              <div class=\"check\">\r\n                <span class=\"check-icon\">\u2713<\/span>\r\n                <span>Oglasne kreative za zagon kampanje<\/span>\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"check-column\">\r\n\r\n              <div class=\"check\">\r\n                <span class=\"check-icon\">\u2713<\/span>\r\n                <span>Prodajno usmerjena besedila oglasov<\/span>\r\n              <\/div>\r\n\r\n              <div class=\"check\">\r\n                <span class=\"check-icon\">\u2713<\/span>\r\n                <span>Namenska prodajna stran na WordPressu<\/span>\r\n              <\/div>\r\n\r\n              <div class=\"check\">\r\n                <span class=\"check-icon\">\u2713<\/span>\r\n                <span>Pot do oddaje povpra\u0161evanja<\/span>\r\n              <\/div>\r\n\r\n              <div class=\"check\">\r\n                <span class=\"check-icon\">\u2713<\/span>\r\n                <span>Merjenje klju\u010dnih konverzij<\/span>\r\n              <\/div>\r\n\r\n              <div class=\"check\">\r\n                <span class=\"check-icon\">\u2713<\/span>\r\n                <span>Zagon in preverjanje sistema<\/span>\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"value-block\">\r\n\r\n            <div class=\"value-label\">\r\n              En partner. En sistem.\r\n            <\/div>\r\n\r\n            <div class=\"value-text\">\r\n              Oglasi, prodajna stran in merjenje so zasnovani kot\r\n              deli iste poti \u2013 z jasnim ciljem: ustvariti ve\u010d prilo\u017enosti\r\n              za kakovostna povpra\u0161evanja.\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"offer-cta\">\r\n\r\n            <a\r\n              class=\"btn\"\r\n              href=\"\/sl\/#form\"\r\n            >\r\n              Preveri ustreznost\r\n              <span class=\"btn-arrow\">\u2192<\/span>\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n\r\n          <p class=\"offer-note\">\r\n            Ogla\u0161evalski prora\u010dun se dolo\u010di lo\u010deno glede na va\u0161 trg in cilje.\r\n            Po vzpostavitvi lahko sistem <strong>nadalje merimo, testiramo in optimiziramo.<\/strong>\r\n          <\/p>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n  function initObxOfferScroll(){\r\n\r\n    var sections =\r\n      document.querySelectorAll(\r\n        '[data-obx-offer-scroll]'\r\n      );\r\n\r\n\r\n    sections.forEach(function(section){\r\n\r\n      if(\r\n        section.dataset.obxOfferInitialized ===\r\n        'true'\r\n      ){\r\n        return;\r\n      }\r\n\r\n\r\n      section.dataset.obxOfferInitialized =\r\n        'true';\r\n\r\n\r\n      section.classList.add(\r\n        'obx-scroll-ready'\r\n      );\r\n\r\n\r\n      if(!('IntersectionObserver' in window)){\r\n\r\n        section.classList.add(\r\n          'obx-visible'\r\n        );\r\n\r\n        return;\r\n      }\r\n\r\n\r\n      var isMobile =\r\n        window.matchMedia(\r\n          '(max-width:767px)'\r\n        ).matches;\r\n\r\n\r\n      var observer =\r\n        new IntersectionObserver(\r\n\r\n          function(entries){\r\n\r\n            entries.forEach(function(entry){\r\n\r\n              if(entry.isIntersecting){\r\n\r\n                entry.target.classList.add(\r\n                  'obx-visible'\r\n                );\r\n\r\n                observer.unobserve(\r\n                  entry.target\r\n                );\r\n\r\n              }\r\n\r\n            });\r\n\r\n          },\r\n\r\n          {\r\n            threshold:isMobile ? 0.12 : 0.15,\r\n\r\n            rootMargin:isMobile\r\n              ? '0px 0px -6% 0px'\r\n              : '0px 0px -5% 0px'\r\n          }\r\n\r\n        );\r\n\r\n\r\n      observer.observe(section);\r\n\r\n    });\r\n\r\n  }\r\n\r\n\r\n  function initObxOffer(){\r\n    initObxOfferScroll();\r\n  }\r\n\r\n\r\n  if(document.readyState === 'loading'){\r\n\r\n    document.addEventListener(\r\n      'DOMContentLoaded',\r\n      initObxOffer\r\n    );\r\n\r\n  }else{\r\n\r\n    initObxOffer();\r\n\r\n  }\r\n\r\n\r\n  window.addEventListener(\r\n    'load',\r\n    initObxOffer\r\n  );\r\n\r\n\r\n  if(window.jQuery){\r\n\r\n    window.jQuery(window).on(\r\n      'elementor\/frontend\/init',\r\n      function(){\r\n\r\n        setTimeout(\r\n          initObxOffer,\r\n          100\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-52f184e za-koga e-flex e-con-boxed e-con e-parent\" data-id=\"52f184e\" data-element_type=\"container\" data-e-type=\"container\" id=\"za-koga\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8829d52 elementor-widget elementor-widget-html\" data-id=\"8829d52\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.obx-fit{\r\n  --bg:#050505;\r\n  --card:#0d0d0f;\r\n  --card-2:#111114;\r\n  --line:#242428;\r\n  --text:#f7f7f4;\r\n  --muted:#aaaab0;\r\n  --red:#ff3538;\r\n  --blue:#2f7df6;\r\n  --yellow:#ffc51b;\r\n  --green:#52d68a;\r\n\r\n  width:100%;\r\n  color:var(--text);\r\n  font-family:Poppins,Arial,sans-serif;\r\n  box-sizing:border-box;\r\n  overflow:visible;\r\n}\r\n\r\n.obx-fit *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.obx-fit h1,\r\n.obx-fit h2,\r\n.obx-fit h3,\r\n.obx-fit .anton{\r\n  margin:0;\r\n  font-family:Anton,Impact,\"Arial Narrow\",sans-serif;\r\n  text-transform:uppercase;\r\n  letter-spacing:.01em;\r\n  overflow:visible;\r\n}\r\n\r\n.obx-fit p{\r\n  margin:0;\r\n  color:var(--muted);\r\n  font-size:16px;\r\n  line-height:1.65;\r\n}\r\n\r\n.obx-fit strong{\r\n  color:var(--text);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION\r\n========================================================= *\/\r\n\r\n.obx-fit .fit-section{\r\n  padding:72px 0 80px;\r\n  overflow:visible;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COMMON TYPOGRAPHY\r\n========================================================= *\/\r\n\r\n.obx-fit .eyebrow{\r\n  margin-bottom:16px;\r\n\r\n  color:#d8d8da;\r\n\r\n  font-size:12px;\r\n  line-height:1.5;\r\n  font-weight:700;\r\n  letter-spacing:.16em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.obx-fit .title{\r\n  max-width:1000px;\r\n\r\n  color:var(--text);\r\n\r\n  font-family:Anton,Impact,\"Arial Narrow\",sans-serif;\r\n  font-size:clamp(40px,5vw,72px);\r\n  font-weight:400;\r\n  line-height:1;\r\n  letter-spacing:.01em;\r\n  text-transform:uppercase;\r\n\r\n  overflow:visible;\r\n}\r\n\r\n.obx-fit .title-line{\r\n  display:block;\r\n  position:relative;\r\n\r\n  line-height:1.04;\r\n\r\n  overflow:visible;\r\n}\r\n\r\n.obx-fit .title-line-second{\r\n  padding-top:.10em;\r\n  margin-top:.015em;\r\n}\r\n\r\n.obx-fit .title-muted{\r\n  color:#68686e;\r\n}\r\n\r\n.obx-fit .title-blue{\r\n  color:var(--blue);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   QUALIFICATION HEADER\r\n========================================================= *\/\r\n\r\n.obx-fit .fit-header{\r\n  display:grid;\r\n  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);\r\n  gap:50px;\r\n  align-items:end;\r\n\r\n  margin-bottom:32px;\r\n}\r\n\r\n.obx-fit .fit-header-copy{\r\n  max-width:590px;\r\n\r\n  padding-bottom:5px;\r\n}\r\n\r\n.obx-fit .fit-header-copy p{\r\n  font-size:15px;\r\n}\r\n\r\n.obx-fit .fit-header-copy strong{\r\n  color:#fff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   QUALIFICATION GRID\r\n========================================================= *\/\r\n\r\n.obx-fit .fit-grid{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:18px;\r\n  align-items:stretch;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   QUALIFICATION CARDS\r\n========================================================= *\/\r\n\r\n.obx-fit .fit-card{\r\n  position:relative;\r\n\r\n  padding:30px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 100% 0%,\r\n      rgba(255,255,255,.025),\r\n      transparent 34%\r\n    ),\r\n    linear-gradient(\r\n      180deg,\r\n      #111114 0%,\r\n      #09090b 100%\r\n    );\r\n\r\n  border:1px solid var(--line);\r\n  border-radius:18px;\r\n\r\n  overflow:hidden;\r\n\r\n  transition:\r\n    transform .4s cubic-bezier(.22,1,.36,1),\r\n    border-color .35s ease,\r\n    box-shadow .4s ease;\r\n}\r\n\r\n.obx-fit .fit-card:hover{\r\n  transform:translateY(-4px);\r\n\r\n  border-color:#34343a;\r\n\r\n  box-shadow:\r\n    0 24px 55px rgba(0,0,0,.18);\r\n}\r\n\r\n.obx-fit .fit-card:before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:0;\r\n  top:0;\r\n\r\n  width:100%;\r\n  height:2px;\r\n\r\n  transform-origin:left center;\r\n}\r\n\r\n.obx-fit .fit-card-yes:before{\r\n  background:linear-gradient(\r\n    90deg,\r\n    var(--blue),\r\n    var(--green)\r\n  );\r\n}\r\n\r\n.obx-fit .fit-card-no:before{\r\n  background:var(--red);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD LABEL\r\n========================================================= *\/\r\n\r\n.obx-fit .fit-card-label{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:10px;\r\n\r\n  margin-bottom:23px;\r\n\r\n  font-size:11px;\r\n  line-height:1.4;\r\n  font-weight:800;\r\n  letter-spacing:.14em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.obx-fit .fit-card-yes .fit-card-label{\r\n  color:var(--green);\r\n}\r\n\r\n.obx-fit .fit-card-no .fit-card-label{\r\n  color:var(--red);\r\n}\r\n\r\n.obx-fit .fit-label-dot{\r\n  position:relative;\r\n\r\n  width:7px;\r\n  height:7px;\r\n  flex:0 0 7px;\r\n\r\n  border-radius:50%;\r\n}\r\n\r\n.obx-fit .fit-card-yes .fit-label-dot{\r\n  background:var(--green);\r\n\r\n  box-shadow:\r\n    0 0 0 5px rgba(82,214,138,.06);\r\n}\r\n\r\n.obx-fit .fit-card-no .fit-label-dot{\r\n  background:var(--red);\r\n\r\n  box-shadow:\r\n    0 0 0 5px rgba(255,53,56,.06);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   QUALIFICATION ROWS\r\n========================================================= *\/\r\n\r\n.obx-fit .fit-list{\r\n  display:flex;\r\n  flex-direction:column;\r\n}\r\n\r\n.obx-fit .fit-row{\r\n  position:relative;\r\n\r\n  display:grid;\r\n  grid-template-columns:30px minmax(0,1fr);\r\n  gap:12px;\r\n  align-items:center;\r\n\r\n  min-height:60px;\r\n\r\n  padding:10px 0;\r\n\r\n  color:#e7e7e9;\r\n\r\n  border-bottom:1px solid #202024;\r\n\r\n  font-size:14px;\r\n  line-height:1.5;\r\n  font-weight:500;\r\n\r\n  transition:\r\n    transform .35s cubic-bezier(.22,1,.36,1),\r\n    color .25s ease;\r\n}\r\n\r\n.obx-fit .fit-row:last-child{\r\n  border-bottom:0;\r\n}\r\n\r\n.obx-fit .fit-row:hover{\r\n  transform:translateX(4px);\r\n  color:#fff;\r\n}\r\n\r\n.obx-fit .fit-icon{\r\n  width:27px;\r\n  height:27px;\r\n\r\n  display:grid;\r\n  place-items:center;\r\n\r\n  border-radius:50%;\r\n\r\n  font-size:11px;\r\n  line-height:1;\r\n  font-weight:900;\r\n\r\n  transition:\r\n    transform .35s cubic-bezier(.22,1,.36,1),\r\n    background .3s ease,\r\n    border-color .3s ease;\r\n}\r\n\r\n.obx-fit .fit-card-yes .fit-icon{\r\n  color:var(--green);\r\n  background:rgba(82,214,138,.07);\r\n  border:1px solid rgba(82,214,138,.22);\r\n}\r\n\r\n.obx-fit .fit-card-no .fit-icon{\r\n  color:var(--red);\r\n  background:rgba(255,53,56,.06);\r\n  border:1px solid rgba(255,53,56,.20);\r\n}\r\n\r\n.obx-fit .fit-card-yes .fit-row:hover .fit-icon{\r\n  color:#07110b;\r\n  background:var(--green);\r\n  border-color:var(--green);\r\n\r\n  transform:scale(1.07);\r\n}\r\n\r\n.obx-fit .fit-card-no .fit-row:hover .fit-icon{\r\n  color:#fff;\r\n  background:var(--red);\r\n  border-color:var(--red);\r\n\r\n  transform:rotate(90deg) scale(1.07);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DIVIDER\r\n========================================================= *\/\r\n\r\n.obx-fit .section-divider{\r\n  position:relative;\r\n\r\n  width:100%;\r\n  height:1px;\r\n\r\n  margin:76px 0;\r\n\r\n  background:var(--line);\r\n\r\n  overflow:visible;\r\n}\r\n\r\n.obx-fit .section-divider-dots{\r\n  position:absolute;\r\n\r\n  left:0;\r\n  top:50%;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  gap:6px;\r\n\r\n  padding-right:15px;\r\n\r\n  background:var(--bg);\r\n\r\n  transform:translateY(-50%);\r\n}\r\n\r\n.obx-fit .section-divider-dot{\r\n  width:6px;\r\n  height:6px;\r\n\r\n  border-radius:50%;\r\n}\r\n\r\n.obx-fit .section-divider-dot:nth-child(1){\r\n  background:var(--red);\r\n}\r\n\r\n.obx-fit .section-divider-dot:nth-child(2){\r\n  background:var(--blue);\r\n}\r\n\r\n.obx-fit .section-divider-dot:nth-child(3){\r\n  background:var(--yellow);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROCESS HEADER\r\n========================================================= *\/\r\n\r\n.obx-fit .process-header{\r\n  display:grid;\r\n  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);\r\n  gap:50px;\r\n  align-items:end;\r\n\r\n  margin-bottom:31px;\r\n}\r\n\r\n.obx-fit .process-header-copy{\r\n  max-width:560px;\r\n\r\n  padding-bottom:5px;\r\n}\r\n\r\n.obx-fit .process-header-copy p{\r\n  font-size:15px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROCESS GRID\r\n========================================================= *\/\r\n\r\n.obx-fit .process-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(4,minmax(0,1fr));\r\n  gap:14px;\r\n  align-items:stretch;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROCESS CARD\r\n========================================================= *\/\r\n\r\n.obx-fit .process-card{\r\n  position:relative;\r\n\r\n  min-width:0;\r\n  min-height:265px;\r\n\r\n  display:flex;\r\n  flex-direction:column;\r\n\r\n  padding:25px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      #111114 0%,\r\n      #09090b 100%\r\n    );\r\n\r\n  border:1px solid var(--line);\r\n  border-radius:16px;\r\n\r\n  overflow:hidden;\r\n\r\n  transition:\r\n    transform .4s cubic-bezier(.22,1,.36,1),\r\n    border-color .35s ease,\r\n    box-shadow .4s ease;\r\n}\r\n\r\n.obx-fit .process-card:hover{\r\n  transform:translateY(-5px);\r\n\r\n  border-color:#34343a;\r\n\r\n  box-shadow:\r\n    0 22px 50px rgba(0,0,0,.18);\r\n}\r\n\r\n.obx-fit .process-card:before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:0;\r\n  top:0;\r\n\r\n  width:100%;\r\n  height:2px;\r\n\r\n  transform-origin:left center;\r\n}\r\n\r\n.obx-fit .process-card:nth-child(1):before{\r\n  background:var(--red);\r\n}\r\n\r\n.obx-fit .process-card:nth-child(2):before{\r\n  background:var(--blue);\r\n}\r\n\r\n.obx-fit .process-card:nth-child(3):before{\r\n  background:var(--yellow);\r\n}\r\n\r\n.obx-fit .process-card:nth-child(4):before{\r\n  background:linear-gradient(\r\n    90deg,\r\n    var(--red),\r\n    var(--blue),\r\n    var(--yellow)\r\n  );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROCESS NUMBER\r\n========================================================= *\/\r\n\r\n.obx-fit .process-number-row{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:15px;\r\n\r\n  margin-bottom:28px;\r\n}\r\n\r\n.obx-fit .process-number{\r\n  font-family:Anton,Impact,\"Arial Narrow\",sans-serif;\r\n  font-size:28px;\r\n  line-height:1;\r\n  font-weight:400;\r\n}\r\n\r\n.obx-fit .process-card:nth-child(1) .process-number{\r\n  color:var(--red);\r\n}\r\n\r\n.obx-fit .process-card:nth-child(2) .process-number{\r\n  color:var(--blue);\r\n}\r\n\r\n.obx-fit .process-card:nth-child(3) .process-number{\r\n  color:var(--yellow);\r\n}\r\n\r\n.obx-fit .process-card:nth-child(4) .process-number{\r\n  color:#fff;\r\n}\r\n\r\n.obx-fit .process-status{\r\n  color:#5f5f65;\r\n\r\n  font-size:8px;\r\n  line-height:1.3;\r\n  font-weight:800;\r\n  letter-spacing:.12em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROCESS COPY\r\n========================================================= *\/\r\n\r\n.obx-fit .process-card h3{\r\n  margin-bottom:12px;\r\n\r\n  color:#fff;\r\n\r\n  font-family:Poppins,Arial,sans-serif;\r\n  font-size:17px;\r\n  line-height:1.35;\r\n  font-weight:800;\r\n  letter-spacing:-.015em;\r\n  text-transform:none;\r\n}\r\n\r\n.obx-fit .process-card p{\r\n  font-size:13px;\r\n  line-height:1.65;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROCESS CONNECTION\r\n========================================================= *\/\r\n\r\n.obx-fit .process-footer{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:24px;\r\n  flex-wrap:wrap;\r\n\r\n  margin-top:25px;\r\n  padding-top:22px;\r\n\r\n  border-top:1px solid var(--line);\r\n}\r\n\r\n.obx-fit .process-promise{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:11px;\r\n\r\n  color:#f1f1ef;\r\n\r\n  font-size:13px;\r\n  line-height:1.5;\r\n  font-weight:700;\r\n}\r\n\r\n.obx-fit .process-promise-dots{\r\n  display:flex;\r\n  gap:5px;\r\n}\r\n\r\n.obx-fit .process-promise-dots span{\r\n  width:6px;\r\n  height:6px;\r\n\r\n  border-radius:50%;\r\n}\r\n\r\n.obx-fit .process-promise-dots span:nth-child(1){\r\n  background:var(--red);\r\n}\r\n\r\n.obx-fit .process-promise-dots span:nth-child(2){\r\n  background:var(--blue);\r\n}\r\n\r\n.obx-fit .process-promise-dots span:nth-child(3){\r\n  background:var(--yellow);\r\n}\r\n\r\n.obx-fit .process-email{\r\n  color:#707076;\r\n\r\n  font-size:10px;\r\n  line-height:1.5;\r\n  font-weight:700;\r\n  letter-spacing:.08em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SCROLL ANIMATIONS\r\n========================================================= *\/\r\n\r\n@keyframes obxFitFadeUp{\r\n  from{\r\n    opacity:0;\r\n    transform:translateY(20px);\r\n  }\r\n\r\n  to{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes obxFitCardIn{\r\n  from{\r\n    opacity:0;\r\n    transform:translateY(28px);\r\n  }\r\n\r\n  to{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes obxFitRowIn{\r\n  from{\r\n    opacity:0;\r\n    transform:translateX(16px);\r\n  }\r\n\r\n  to{\r\n    opacity:1;\r\n    transform:translateX(0);\r\n  }\r\n}\r\n\r\n@keyframes obxFitLineGrow{\r\n  from{\r\n    transform:scaleX(0);\r\n  }\r\n\r\n  to{\r\n    transform:scaleX(1);\r\n  }\r\n}\r\n\r\n\r\n\/* initial state only after JS *\/\r\n\r\n.obx-fit.obx-scroll-ready .fit-eyebrow,\r\n.obx-fit.obx-scroll-ready .fit-title,\r\n.obx-fit.obx-scroll-ready .fit-header-copy,\r\n.obx-fit.obx-scroll-ready .fit-card,\r\n.obx-fit.obx-scroll-ready .section-divider,\r\n.obx-fit.obx-scroll-ready .process-eyebrow,\r\n.obx-fit.obx-scroll-ready .process-title,\r\n.obx-fit.obx-scroll-ready .process-header-copy,\r\n.obx-fit.obx-scroll-ready .process-card,\r\n.obx-fit.obx-scroll-ready .process-footer{\r\n  opacity:0;\r\n}\r\n\r\n.obx-fit.obx-scroll-ready .fit-eyebrow,\r\n.obx-fit.obx-scroll-ready .fit-title,\r\n.obx-fit.obx-scroll-ready .fit-header-copy,\r\n.obx-fit.obx-scroll-ready .section-divider,\r\n.obx-fit.obx-scroll-ready .process-eyebrow,\r\n.obx-fit.obx-scroll-ready .process-title,\r\n.obx-fit.obx-scroll-ready .process-header-copy,\r\n.obx-fit.obx-scroll-ready .process-footer{\r\n  transform:translateY(20px);\r\n}\r\n\r\n.obx-fit.obx-scroll-ready .fit-card,\r\n.obx-fit.obx-scroll-ready .process-card{\r\n  transform:translateY(28px);\r\n}\r\n\r\n.obx-fit.obx-scroll-ready .fit-row{\r\n  opacity:0;\r\n  transform:translateX(16px);\r\n}\r\n\r\n.obx-fit.obx-scroll-ready .fit-card:before,\r\n.obx-fit.obx-scroll-ready .process-card:before{\r\n  transform:scaleX(0);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   QUALIFICATION ANIMATIONS\r\n========================================================= *\/\r\n\r\n.obx-fit.obx-scroll-ready.obx-visible .fit-eyebrow{\r\n  animation:\r\n    obxFitFadeUp\r\n    .54s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .04s\r\n    forwards;\r\n}\r\n\r\n.obx-fit.obx-scroll-ready.obx-visible .fit-title{\r\n  animation:\r\n    obxFitFadeUp\r\n    .62s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .14s\r\n    forwards;\r\n}\r\n\r\n.obx-fit.obx-scroll-ready.obx-visible .fit-header-copy{\r\n  animation:\r\n    obxFitFadeUp\r\n    .58s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .26s\r\n    forwards;\r\n}\r\n\r\n.obx-fit.obx-scroll-ready.obx-visible .fit-card-yes{\r\n  animation:\r\n    obxFitCardIn\r\n    .62s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .40s\r\n    forwards;\r\n}\r\n\r\n.obx-fit.obx-scroll-ready.obx-visible .fit-card-no{\r\n  animation:\r\n    obxFitCardIn\r\n    .62s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .52s\r\n    forwards;\r\n}\r\n\r\n.obx-fit.obx-scroll-ready.obx-visible .fit-card:before{\r\n  animation:\r\n    obxFitLineGrow\r\n    .56s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .66s\r\n    forwards;\r\n}\r\n\r\n\r\n\/* yes rows *\/\r\n\r\n.obx-fit.obx-scroll-ready.obx-visible .fit-card-yes .fit-row:nth-child(1){\r\n  animation:obxFitRowIn .54s cubic-bezier(.22,1,.36,1) .66s forwards;\r\n}\r\n\r\n.obx-fit.obx-scroll-ready.obx-visible .fit-card-yes .fit-row:nth-child(2){\r\n  animation:obxFitRowIn .54s cubic-bezier(.22,1,.36,1) .78s forwards;\r\n}\r\n\r\n.obx-fit.obx-scroll-ready.obx-visible .fit-card-yes .fit-row:nth-child(3){\r\n  animation:obxFitRowIn .54s cubic-bezier(.22,1,.36,1) .90s forwards;\r\n}\r\n\r\n.obx-fit.obx-scroll-ready.obx-visible .fit-card-yes .fit-row:nth-child(4){\r\n  animation:obxFitRowIn .54s cubic-bezier(.22,1,.36,1) 1.02s forwards;\r\n}\r\n\r\n.obx-fit.obx-scroll-ready.obx-visible .fit-card-yes .fit-row:nth-child(5){\r\n  animation:obxFitRowIn .54s cubic-bezier(.22,1,.36,1) 1.14s forwards;\r\n}\r\n\r\n.obx-fit.obx-scroll-ready.obx-visible .fit-card-yes .fit-row:nth-child(6){\r\n  animation:obxFitRowIn .54s cubic-bezier(.22,1,.36,1) 1.26s forwards;\r\n}\r\n\r\n\r\n\/* no rows *\/\r\n\r\n.obx-fit.obx-scroll-ready.obx-visible .fit-card-no .fit-row:nth-child(1){\r\n  animation:obxFitRowIn .54s cubic-bezier(.22,1,.36,1) .72s forwards;\r\n}\r\n\r\n.obx-fit.obx-scroll-ready.obx-visible .fit-card-no .fit-row:nth-child(2){\r\n  animation:obxFitRowIn .54s cubic-bezier(.22,1,.36,1) .84s forwards;\r\n}\r\n\r\n.obx-fit.obx-scroll-ready.obx-visible .fit-card-no .fit-row:nth-child(3){\r\n  animation:obxFitRowIn .54s cubic-bezier(.22,1,.36,1) .96s forwards;\r\n}\r\n\r\n.obx-fit.obx-scroll-ready.obx-visible .fit-card-no .fit-row:nth-child(4){\r\n  animation:obxFitRowIn .54s cubic-bezier(.22,1,.36,1) 1.08s forwards;\r\n}\r\n\r\n.obx-fit.obx-scroll-ready.obx-visible .fit-card-no .fit-row:nth-child(5){\r\n  animation:obxFitRowIn .54s cubic-bezier(.22,1,.36,1) 1.20s forwards;\r\n}\r\n\r\n\r\n\/* divider *\/\r\n\r\n.obx-fit.obx-scroll-ready.obx-visible .section-divider{\r\n  animation:\r\n    obxFitFadeUp\r\n    .54s\r\n    cubic-bezier(.22,1,.36,1)\r\n    1.42s\r\n    forwards;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROCESS ANIMATIONS\r\n========================================================= *\/\r\n\r\n.obx-fit.obx-scroll-ready.obx-visible .process-eyebrow{\r\n  animation:\r\n    obxFitFadeUp\r\n    .54s\r\n    cubic-bezier(.22,1,.36,1)\r\n    1.56s\r\n    forwards;\r\n}\r\n\r\n.obx-fit.obx-scroll-ready.obx-visible .process-title{\r\n  animation:\r\n    obxFitFadeUp\r\n    .62s\r\n    cubic-bezier(.22,1,.36,1)\r\n    1.68s\r\n    forwards;\r\n}\r\n\r\n.obx-fit.obx-scroll-ready.obx-visible .process-header-copy{\r\n  animation:\r\n    obxFitFadeUp\r\n    .58s\r\n    cubic-bezier(.22,1,.36,1)\r\n    1.82s\r\n    forwards;\r\n}\r\n\r\n.obx-fit.obx-scroll-ready.obx-visible .process-card:nth-child(1){\r\n  animation:\r\n    obxFitCardIn\r\n    .60s\r\n    cubic-bezier(.22,1,.36,1)\r\n    2.00s\r\n    forwards;\r\n}\r\n\r\n.obx-fit.obx-scroll-ready.obx-visible .process-card:nth-child(2){\r\n  animation:\r\n    obxFitCardIn\r\n    .60s\r\n    cubic-bezier(.22,1,.36,1)\r\n    2.14s\r\n    forwards;\r\n}\r\n\r\n.obx-fit.obx-scroll-ready.obx-visible .process-card:nth-child(3){\r\n  animation:\r\n    obxFitCardIn\r\n    .60s\r\n    cubic-bezier(.22,1,.36,1)\r\n    2.28s\r\n    forwards;\r\n}\r\n\r\n.obx-fit.obx-scroll-ready.obx-visible .process-card:nth-child(4){\r\n  animation:\r\n    obxFitCardIn\r\n    .60s\r\n    cubic-bezier(.22,1,.36,1)\r\n    2.42s\r\n    forwards;\r\n}\r\n\r\n.obx-fit.obx-scroll-ready.obx-visible .process-card:nth-child(1):before{\r\n  animation:obxFitLineGrow .54s cubic-bezier(.22,1,.36,1) 2.28s forwards;\r\n}\r\n\r\n.obx-fit.obx-scroll-ready.obx-visible .process-card:nth-child(2):before{\r\n  animation:obxFitLineGrow .54s cubic-bezier(.22,1,.36,1) 2.42s forwards;\r\n}\r\n\r\n.obx-fit.obx-scroll-ready.obx-visible .process-card:nth-child(3):before{\r\n  animation:obxFitLineGrow .54s cubic-bezier(.22,1,.36,1) 2.56s forwards;\r\n}\r\n\r\n.obx-fit.obx-scroll-ready.obx-visible .process-card:nth-child(4):before{\r\n  animation:obxFitLineGrow .54s cubic-bezier(.22,1,.36,1) 2.70s forwards;\r\n}\r\n\r\n.obx-fit.obx-scroll-ready.obx-visible .process-footer{\r\n  animation:\r\n    obxFitFadeUp\r\n    .58s\r\n    cubic-bezier(.22,1,.36,1)\r\n    2.84s\r\n    forwards;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1000px){\r\n\r\n  .obx-fit .fit-header,\r\n  .obx-fit .process-header{\r\n    grid-template-columns:1fr;\r\n    gap:20px;\r\n  }\r\n\r\n  .obx-fit .fit-header-copy,\r\n  .obx-fit .process-header-copy{\r\n    max-width:650px;\r\n    padding-bottom:0;\r\n  }\r\n\r\n  .obx-fit .process-grid{\r\n    grid-template-columns:repeat(2,minmax(0,1fr));\r\n  }\r\n\r\n  .obx-fit .process-card{\r\n    min-height:235px;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:767px){\r\n\r\n  .obx-fit .fit-section{\r\n    padding:60px 0 64px;\r\n  }\r\n\r\n  .obx-fit .eyebrow{\r\n    margin-bottom:13px;\r\n\r\n    font-size:11px;\r\n    line-height:1.55;\r\n  }\r\n\r\n  .obx-fit .title{\r\n    font-size:clamp(40px,12vw,58px);\r\n  }\r\n\r\n  .obx-fit .title-line{\r\n    line-height:1.05;\r\n  }\r\n\r\n  .obx-fit .title-line-second{\r\n    padding-top:.11em;\r\n    margin-top:.02em;\r\n  }\r\n\r\n  .obx-fit p{\r\n    font-size:15px;\r\n  }\r\n\r\n  .obx-fit .fit-header{\r\n    margin-bottom:27px;\r\n  }\r\n\r\n  .obx-fit .fit-grid{\r\n    grid-template-columns:1fr;\r\n    gap:15px;\r\n  }\r\n\r\n  .obx-fit .fit-card{\r\n    padding:23px 21px;\r\n    border-radius:16px;\r\n  }\r\n\r\n  .obx-fit .fit-card-label{\r\n    margin-bottom:17px;\r\n  }\r\n\r\n  .obx-fit .fit-row{\r\n    min-height:57px;\r\n\r\n    font-size:14px;\r\n  }\r\n\r\n  .obx-fit .section-divider{\r\n    margin:60px 0;\r\n  }\r\n\r\n  .obx-fit .process-header{\r\n    margin-bottom:26px;\r\n  }\r\n\r\n  .obx-fit .process-grid{\r\n    grid-template-columns:1fr;\r\n    gap:13px;\r\n  }\r\n\r\n  .obx-fit .process-card{\r\n    min-height:0;\r\n\r\n    padding:22px;\r\n\r\n    border-radius:15px;\r\n  }\r\n\r\n  .obx-fit .process-number-row{\r\n    margin-bottom:20px;\r\n  }\r\n\r\n  .obx-fit .process-card h3{\r\n    font-size:17px;\r\n  }\r\n\r\n  .obx-fit .process-card p{\r\n    font-size:13px;\r\n  }\r\n\r\n  .obx-fit .process-footer{\r\n    align-items:flex-start;\r\n    flex-direction:column;\r\n\r\n    margin-top:22px;\r\n    padding-top:19px;\r\n  }\r\n\r\n\r\n  \/* faster mobile stagger *\/\r\n\r\n  .obx-fit.obx-scroll-ready.obx-visible .fit-eyebrow{\r\n    animation-delay:.04s;\r\n    animation-duration:.54s;\r\n  }\r\n\r\n  .obx-fit.obx-scroll-ready.obx-visible .fit-title{\r\n    animation-delay:.14s;\r\n    animation-duration:.62s;\r\n  }\r\n\r\n  .obx-fit.obx-scroll-ready.obx-visible .fit-header-copy{\r\n    animation-delay:.28s;\r\n    animation-duration:.58s;\r\n  }\r\n\r\n  .obx-fit.obx-scroll-ready.obx-visible .fit-card-yes{\r\n    animation-delay:.42s;\r\n    animation-duration:.62s;\r\n  }\r\n\r\n  .obx-fit.obx-scroll-ready.obx-visible .fit-card-no{\r\n    animation-delay:1.30s;\r\n    animation-duration:.62s;\r\n  }\r\n\r\n  .obx-fit.obx-scroll-ready.obx-visible .fit-card-yes:before{\r\n    animation-delay:.62s;\r\n    animation-duration:.54s;\r\n  }\r\n\r\n  .obx-fit.obx-scroll-ready.obx-visible .fit-card-no:before{\r\n    animation-delay:1.50s;\r\n    animation-duration:.54s;\r\n  }\r\n\r\n  .obx-fit.obx-scroll-ready.obx-visible .fit-card-yes .fit-row:nth-child(1){animation-delay:.64s;}\r\n  .obx-fit.obx-scroll-ready.obx-visible .fit-card-yes .fit-row:nth-child(2){animation-delay:.76s;}\r\n  .obx-fit.obx-scroll-ready.obx-visible .fit-card-yes .fit-row:nth-child(3){animation-delay:.88s;}\r\n  .obx-fit.obx-scroll-ready.obx-visible .fit-card-yes .fit-row:nth-child(4){animation-delay:1.00s;}\r\n  .obx-fit.obx-scroll-ready.obx-visible .fit-card-yes .fit-row:nth-child(5){animation-delay:1.12s;}\r\n  .obx-fit.obx-scroll-ready.obx-visible .fit-card-yes .fit-row:nth-child(6){animation-delay:1.24s;}\r\n\r\n  .obx-fit.obx-scroll-ready.obx-visible .fit-card-no .fit-row:nth-child(1){animation-delay:1.52s;}\r\n  .obx-fit.obx-scroll-ready.obx-visible .fit-card-no .fit-row:nth-child(2){animation-delay:1.64s;}\r\n  .obx-fit.obx-scroll-ready.obx-visible .fit-card-no .fit-row:nth-child(3){animation-delay:1.76s;}\r\n  .obx-fit.obx-scroll-ready.obx-visible .fit-card-no .fit-row:nth-child(4){animation-delay:1.88s;}\r\n  .obx-fit.obx-scroll-ready.obx-visible .fit-card-no .fit-row:nth-child(5){animation-delay:2.00s;}\r\n\r\n  .obx-fit.obx-scroll-ready.obx-visible .fit-row{\r\n    animation-duration:.54s;\r\n  }\r\n\r\n  .obx-fit.obx-scroll-ready.obx-visible .section-divider{\r\n    animation-delay:2.18s;\r\n    animation-duration:.54s;\r\n  }\r\n\r\n  .obx-fit.obx-scroll-ready.obx-visible .process-eyebrow{\r\n    animation-delay:2.30s;\r\n    animation-duration:.54s;\r\n  }\r\n\r\n  .obx-fit.obx-scroll-ready.obx-visible .process-title{\r\n    animation-delay:2.42s;\r\n    animation-duration:.62s;\r\n  }\r\n\r\n  .obx-fit.obx-scroll-ready.obx-visible .process-header-copy{\r\n    animation-delay:2.56s;\r\n    animation-duration:.58s;\r\n  }\r\n\r\n  .obx-fit.obx-scroll-ready.obx-visible .process-card:nth-child(1){animation-delay:2.72s;}\r\n  .obx-fit.obx-scroll-ready.obx-visible .process-card:nth-child(2){animation-delay:2.86s;}\r\n  .obx-fit.obx-scroll-ready.obx-visible .process-card:nth-child(3){animation-delay:3.00s;}\r\n  .obx-fit.obx-scroll-ready.obx-visible .process-card:nth-child(4){animation-delay:3.14s;}\r\n\r\n  .obx-fit.obx-scroll-ready.obx-visible .process-card{\r\n    animation-duration:.60s;\r\n  }\r\n\r\n  .obx-fit.obx-scroll-ready.obx-visible .process-card:nth-child(1):before{animation-delay:2.96s;}\r\n  .obx-fit.obx-scroll-ready.obx-visible .process-card:nth-child(2):before{animation-delay:3.10s;}\r\n  .obx-fit.obx-scroll-ready.obx-visible .process-card:nth-child(3):before{animation-delay:3.24s;}\r\n  .obx-fit.obx-scroll-ready.obx-visible .process-card:nth-child(4):before{animation-delay:3.38s;}\r\n\r\n  .obx-fit.obx-scroll-ready.obx-visible .process-footer{\r\n    animation-delay:3.52s;\r\n    animation-duration:.58s;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  .obx-fit.obx-scroll-ready .fit-eyebrow,\r\n  .obx-fit.obx-scroll-ready .fit-title,\r\n  .obx-fit.obx-scroll-ready .fit-header-copy,\r\n  .obx-fit.obx-scroll-ready .fit-card,\r\n  .obx-fit.obx-scroll-ready .fit-row,\r\n  .obx-fit.obx-scroll-ready .section-divider,\r\n  .obx-fit.obx-scroll-ready .process-eyebrow,\r\n  .obx-fit.obx-scroll-ready .process-title,\r\n  .obx-fit.obx-scroll-ready .process-header-copy,\r\n  .obx-fit.obx-scroll-ready .process-card,\r\n  .obx-fit.obx-scroll-ready .process-footer{\r\n    opacity:1;\r\n    transform:none;\r\n    animation:none!important;\r\n  }\r\n\r\n  .obx-fit.obx-scroll-ready .fit-card:before,\r\n  .obx-fit.obx-scroll-ready .process-card:before{\r\n    transform:scaleX(1);\r\n    animation:none!important;\r\n  }\r\n\r\n  .obx-fit .fit-card,\r\n  .obx-fit .fit-row,\r\n  .obx-fit .fit-icon,\r\n  .obx-fit .process-card{\r\n    transition:none!important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n\r\n<section\r\n  class=\"obx-fit\"\r\n  data-obx-fit-scroll\r\n  aria-label=\"Preverite, ali je Oblikov primeren za va\u0161e podjetje\"\r\n>\r\n\r\n  <div class=\"fit-section\">\r\n\r\n\r\n    <!-- =====================================================\r\n         FIT \/ QUALIFICATION\r\n    ====================================================== -->\r\n\r\n    <div class=\"fit-header\">\r\n\r\n\r\n      <div>\r\n\r\n        <div class=\"eyebrow fit-eyebrow\">\r\n          Za podjetja, ki \u017eelijo rast\r\n        <\/div>\r\n\r\n\r\n        <h2 class=\"title fit-title\">\r\n\r\n          <span class=\"title-line\">\r\n            Je Oblikov\r\n          <\/span>\r\n\r\n          <span class=\"title-line title-line-second title-blue\">\r\n            za vas?\r\n          <\/span>\r\n\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"fit-header-copy\">\r\n\r\n        <p>\r\n          Oblikov Lead System ni namenjen vsakemu podjetju.\r\n          Najve\u010d smisla ima tam, kjer obstajajo\r\n          <strong>jasna ponudba, dovolj visoka vrednost stranke\r\n          in kapaciteta za nova povpra\u0161evanja.<\/strong>\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"fit-grid\">\r\n\r\n\r\n      <!-- YES -->\r\n\r\n      <div class=\"fit-card fit-card-yes\">\r\n\r\n\r\n        <div class=\"fit-card-label\">\r\n\r\n          <span class=\"fit-label-dot\"><\/span>\r\n\r\n          Dober fit, \u010de ...\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"fit-list\">\r\n\r\n\r\n          <div class=\"fit-row\">\r\n\r\n            <span class=\"fit-icon\">\u2713<\/span>\r\n\r\n            <span>\r\n              \u017de imate WordPress spletno stran.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"fit-row\">\r\n\r\n            <span class=\"fit-icon\">\u2713<\/span>\r\n\r\n            <span>\r\n              Prodajate storitev ali produkt z dovolj visoko vrednostjo.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"fit-row\">\r\n\r\n            <span class=\"fit-icon\">\u2713<\/span>\r\n\r\n            <span>\r\n              \u017delite sistemati\u010dno pridobivati ve\u010d kakovostnih povpra\u0161evanj.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"fit-row\">\r\n\r\n            <span class=\"fit-icon\">\u2713<\/span>\r\n\r\n            <span>\r\n              Imate jasno ponudbo oziroma jo lahko skupaj izostrimo.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"fit-row\">\r\n\r\n            <span class=\"fit-icon\">\u2713<\/span>\r\n\r\n            <span>\r\n              Imate kapaciteto za nove stranke in dodatno prodajo.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"fit-row\">\r\n\r\n            <span class=\"fit-icon\">\u2713<\/span>\r\n\r\n            <span>\r\n              Ste pripravljeni investirati v Meta ogla\u0161evanje in testiranje.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- NO -->\r\n\r\n      <div class=\"fit-card fit-card-no\">\r\n\r\n\r\n        <div class=\"fit-card-label\">\r\n\r\n          <span class=\"fit-label-dot\"><\/span>\r\n\r\n          Verjetno nismo pravi fit, \u010de ...\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"fit-list\">\r\n\r\n\r\n          <div class=\"fit-row\">\r\n\r\n            <span class=\"fit-icon\">\u00d7<\/span>\r\n\r\n            <span>\r\n              I\u0161\u010dete predvsem najcenej\u0161ega izvajalca.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"fit-row\">\r\n\r\n            <span class=\"fit-icon\">\u00d7<\/span>\r\n\r\n            <span>\r\n              Potrebujete samo posamezne objave za dru\u017ebena omre\u017eja.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"fit-row\">\r\n\r\n            <span class=\"fit-icon\">\u00d7<\/span>\r\n\r\n            <span>\r\n              I\u0161\u010dete izdelavo popolnoma nove obse\u017ene spletne strani.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"fit-row\">\r\n\r\n            <span class=\"fit-icon\">\u00d7<\/span>\r\n\r\n            <span>\r\n              Pri\u010dakujete zagotovljene rezultate brez ogla\u0161evalskega prora\u010duna in testiranja.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"fit-row\">\r\n\r\n            <span class=\"fit-icon\">\u00d7<\/span>\r\n\r\n            <span>\r\n              I\u0161\u010dete full-service agencijo za vse marketin\u0161ke aktivnosti.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         DIVIDER\r\n    ====================================================== -->\r\n\r\n    <div class=\"section-divider\">\r\n\r\n      <div class=\"section-divider-dots\" aria-hidden=\"true\">\r\n\r\n        <span class=\"section-divider-dot\"><\/span>\r\n        <span class=\"section-divider-dot\"><\/span>\r\n        <span class=\"section-divider-dot\"><\/span>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         PROCESS\r\n    ====================================================== -->\r\n\r\n    <div class=\"process-header\">\r\n\r\n\r\n      <div>\r\n\r\n        <div class=\"eyebrow process-eyebrow\">\r\n          Email-first sodelovanje\r\n        <\/div>\r\n\r\n\r\n        <h2 class=\"title process-title\">\r\n\r\n          <span class=\"title-line\">\r\n            Manj sestankov.\r\n          <\/span>\r\n\r\n          <span class=\"title-line title-line-second title-muted\">\r\n            Ve\u010d izvedbe.\r\n          <\/span>\r\n\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"process-header-copy\">\r\n\r\n        <p>\r\n          Sodelovanje smo zasnovali tako, da je\r\n          <strong>jasno, u\u010dinkovito in brez nepotrebnega usklajevanja.<\/strong>\r\n          Ve\u010dino komunikacije uredimo prek emaila, sestanek pa vklju\u010dimo,\r\n          kadar dejansko pomaga projektu.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"process-grid\">\r\n\r\n\r\n      <!-- STEP 01 -->\r\n\r\n      <article class=\"process-card\">\r\n\r\n\r\n        <div class=\"process-number-row\">\r\n\r\n          <span class=\"process-number\">\r\n            01\r\n          <\/span>\r\n\r\n          <span class=\"process-status\">\r\n            Povpra\u0161evanje\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <h3>\r\n          Predstavite nam podjetje.\r\n        <\/h3>\r\n\r\n\r\n        <p>\r\n          Po\u0161ljete klju\u010dne informacije o ponudbi,\r\n          trenutni WordPress strani in ciljih,\r\n          ki jih \u017eelite dose\u010di.\r\n        <\/p>\r\n\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- STEP 02 -->\r\n\r\n      <article class=\"process-card\">\r\n\r\n\r\n        <div class=\"process-number-row\">\r\n\r\n          <span class=\"process-number\">\r\n            02\r\n          <\/span>\r\n\r\n          <span class=\"process-status\">\r\n            Pregled\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <h3>\r\n          Preverimo potencial.\r\n        <\/h3>\r\n\r\n\r\n        <p>\r\n          Pregledamo ponudbo, spletno stran in na\u010din\r\n          pridobivanja strank ter ocenimo, ali je\r\n          Oblikov Lead System primeren za va\u0161 primer.\r\n        <\/p>\r\n\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- STEP 03 -->\r\n\r\n      <article class=\"process-card\">\r\n\r\n\r\n        <div class=\"process-number-row\">\r\n\r\n          <span class=\"process-number\">\r\n            03\r\n          <\/span>\r\n\r\n          <span class=\"process-status\">\r\n            Predlog\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <h3>\r\n          Prejmete jasen predlog.\r\n        <\/h3>\r\n\r\n\r\n        <p>\r\n          \u010ce vidimo smisel za sodelovanje, prejmete\r\n          predlog izvedbe, obseg projekta, investicijo\r\n          in naslednje korake.\r\n        <\/p>\r\n\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- STEP 04 -->\r\n\r\n      <article class=\"process-card\">\r\n\r\n\r\n        <div class=\"process-number-row\">\r\n\r\n          <span class=\"process-number\">\r\n            04\r\n          <\/span>\r\n\r\n          <span class=\"process-status\">\r\n            Izvedba\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <h3>\r\n          Sistem postavimo.\r\n        <\/h3>\r\n\r\n\r\n        <p>\r\n          Po potrditvi prevzamemo dogovorjeno izvedbo\r\n          in pove\u017eemo klju\u010dne elemente sistema\r\n          od ideje do zagona.\r\n        <\/p>\r\n\r\n\r\n      <\/article>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- FOOTER -->\r\n\r\n    <div class=\"process-footer\">\r\n\r\n\r\n      <div class=\"process-promise\">\r\n\r\n        <span class=\"process-promise-dots\" aria-hidden=\"true\">\r\n          <span><\/span>\r\n          <span><\/span>\r\n          <span><\/span>\r\n        <\/span>\r\n\r\n        <span>\r\n          Jasni pogoji. Jasna komunikacija. Fokus na izvedbi.\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"process-email\">\r\n        Email-first \u00b7 sestanek, ko je smiseln\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n  function initObxFitScroll(){\r\n\r\n    var sections =\r\n      document.querySelectorAll(\r\n        '[data-obx-fit-scroll]'\r\n      );\r\n\r\n\r\n    sections.forEach(function(section){\r\n\r\n      if(\r\n        section.dataset.obxFitInitialized ===\r\n        'true'\r\n      ){\r\n        return;\r\n      }\r\n\r\n\r\n      section.dataset.obxFitInitialized =\r\n        'true';\r\n\r\n\r\n      section.classList.add(\r\n        'obx-scroll-ready'\r\n      );\r\n\r\n\r\n      if(!('IntersectionObserver' in window)){\r\n\r\n        section.classList.add(\r\n          'obx-visible'\r\n        );\r\n\r\n        return;\r\n      }\r\n\r\n\r\n      var isMobile =\r\n        window.matchMedia(\r\n          '(max-width:767px)'\r\n        ).matches;\r\n\r\n\r\n      var observer =\r\n        new IntersectionObserver(\r\n\r\n          function(entries){\r\n\r\n            entries.forEach(function(entry){\r\n\r\n              if(entry.isIntersecting){\r\n\r\n                entry.target.classList.add(\r\n                  'obx-visible'\r\n                );\r\n\r\n                observer.unobserve(\r\n                  entry.target\r\n                );\r\n\r\n              }\r\n\r\n            });\r\n\r\n          },\r\n\r\n          {\r\n            threshold:isMobile ? 0.11 : 0.14,\r\n\r\n            rootMargin:isMobile\r\n              ? '0px 0px -5% 0px'\r\n              : '0px 0px -4% 0px'\r\n          }\r\n\r\n        );\r\n\r\n\r\n      observer.observe(section);\r\n\r\n    });\r\n\r\n  }\r\n\r\n\r\n  function initObxFit(){\r\n    initObxFitScroll();\r\n  }\r\n\r\n\r\n  if(document.readyState === 'loading'){\r\n\r\n    document.addEventListener(\r\n      'DOMContentLoaded',\r\n      initObxFit\r\n    );\r\n\r\n  }else{\r\n\r\n    initObxFit();\r\n\r\n  }\r\n\r\n\r\n  window.addEventListener(\r\n    'load',\r\n    initObxFit\r\n  );\r\n\r\n\r\n  if(window.jQuery){\r\n\r\n    window.jQuery(window).on(\r\n      'elementor\/frontend\/init',\r\n      function(){\r\n\r\n        setTimeout(\r\n          initObxFit,\r\n          100\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a9cee35 faq e-flex e-con-boxed e-con e-parent\" data-id=\"a9cee35\" data-element_type=\"container\" data-e-type=\"container\" id=\"faq\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-382a13b elementor-widget elementor-widget-html\" data-id=\"382a13b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.obx-faq{\r\n  --bg:#050505;\r\n  --card:#0d0d0f;\r\n  --card-2:#111114;\r\n  --line:#242428;\r\n  --text:#f7f7f4;\r\n  --muted:#aaaab0;\r\n  --red:#ff3538;\r\n  --blue:#2f7df6;\r\n  --yellow:#ffc51b;\r\n\r\n  width:100%;\r\n  color:var(--text);\r\n  font-family:Poppins,Arial,sans-serif;\r\n  box-sizing:border-box;\r\n  overflow:visible;\r\n}\r\n\r\n.obx-faq *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.obx-faq h1,\r\n.obx-faq h2,\r\n.obx-faq h3,\r\n.obx-faq .anton{\r\n  margin:0;\r\n  font-family:Anton,Impact,\"Arial Narrow\",sans-serif;\r\n  text-transform:uppercase;\r\n  letter-spacing:.01em;\r\n  overflow:visible;\r\n}\r\n\r\n.obx-faq p{\r\n  margin:0;\r\n  color:var(--muted);\r\n  font-size:16px;\r\n  line-height:1.65;\r\n}\r\n\r\n.obx-faq strong{\r\n  color:var(--text);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION\r\n========================================================= *\/\r\n\r\n.obx-faq .faq-section{\r\n  padding:70px 0 80px;\r\n  overflow:visible;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TYPOGRAPHY\r\n========================================================= *\/\r\n\r\n.obx-faq .eyebrow{\r\n  margin-bottom:16px;\r\n\r\n  color:#d8d8da;\r\n\r\n  font-size:12px;\r\n  line-height:1.5;\r\n  font-weight:700;\r\n  letter-spacing:.16em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.obx-faq .title{\r\n  max-width:1000px;\r\n\r\n  color:var(--text);\r\n\r\n  font-family:Anton,Impact,\"Arial Narrow\",sans-serif;\r\n  font-size:clamp(40px,5vw,72px);\r\n  font-weight:400;\r\n  line-height:1;\r\n  letter-spacing:.01em;\r\n  text-transform:uppercase;\r\n\r\n  overflow:visible;\r\n}\r\n\r\n.obx-faq .title-line{\r\n  display:block;\r\n  position:relative;\r\n\r\n  line-height:1.04;\r\n\r\n  overflow:visible;\r\n}\r\n\r\n.obx-faq .title-line-second{\r\n  padding-top:.10em;\r\n  margin-top:.015em;\r\n}\r\n\r\n.obx-faq .title-blue{\r\n  color:var(--blue);\r\n}\r\n\r\n.obx-faq .title-yellow{\r\n  color:var(--yellow);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FAQ HEADER\r\n========================================================= *\/\r\n\r\n.obx-faq .faq-header{\r\n  display:grid;\r\n  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);\r\n  gap:50px;\r\n  align-items:end;\r\n\r\n  margin-bottom:31px;\r\n}\r\n\r\n.obx-faq .faq-header-copy{\r\n  max-width:570px;\r\n  padding-bottom:4px;\r\n}\r\n\r\n.obx-faq .faq-header-copy p{\r\n  font-size:15px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FAQ LIST\r\n========================================================= *\/\r\n\r\n.obx-faq .faq-list{\r\n  display:flex;\r\n  flex-direction:column;\r\n  gap:10px;\r\n}\r\n\r\n.obx-faq .faq-item{\r\n  position:relative;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 100% 0%,\r\n      rgba(47,125,246,.025),\r\n      transparent 28%\r\n    ),\r\n    linear-gradient(\r\n      180deg,\r\n      #111114 0%,\r\n      #09090b 100%\r\n    );\r\n\r\n  border:1px solid var(--line);\r\n  border-radius:15px;\r\n\r\n  overflow:hidden;\r\n\r\n  transition:\r\n    border-color .35s ease,\r\n    background .35s ease,\r\n    transform .35s cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n.obx-faq .faq-item:hover{\r\n  border-color:#34343a;\r\n}\r\n\r\n.obx-faq .faq-item[open]{\r\n  border-color:#303036;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 96% 0%,\r\n      rgba(47,125,246,.05),\r\n      transparent 32%\r\n    ),\r\n    linear-gradient(\r\n      180deg,\r\n      #121215 0%,\r\n      #0a0a0c 100%\r\n    );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FAQ SUMMARY\r\n========================================================= *\/\r\n\r\n.obx-faq .faq-summary{\r\n  list-style:none;\r\n\r\n  display:grid;\r\n  grid-template-columns:42px minmax(0,1fr) 38px;\r\n  gap:15px;\r\n  align-items:center;\r\n\r\n  min-height:78px;\r\n\r\n  padding:15px 21px;\r\n\r\n  cursor:pointer;\r\n\r\n  color:#f4f4f2;\r\n\r\n  font-size:15px;\r\n  line-height:1.45;\r\n  font-weight:800;\r\n\r\n  user-select:none;\r\n}\r\n\r\n.obx-faq .faq-summary::-webkit-details-marker{\r\n  display:none;\r\n}\r\n\r\n.obx-faq .faq-number{\r\n  color:#5f5f65;\r\n\r\n  font-size:9px;\r\n  line-height:1;\r\n  font-weight:800;\r\n  letter-spacing:.12em;\r\n}\r\n\r\n.obx-faq .faq-question{\r\n  min-width:0;\r\n}\r\n\r\n.obx-faq .faq-toggle{\r\n  position:relative;\r\n\r\n  width:34px;\r\n  height:34px;\r\n\r\n  display:grid;\r\n  place-items:center;\r\n\r\n  justify-self:end;\r\n\r\n  border:1px solid #303035;\r\n  border-radius:50%;\r\n\r\n  background:#151518;\r\n\r\n  transition:\r\n    transform .4s cubic-bezier(.22,1,.36,1),\r\n    background .3s ease,\r\n    border-color .3s ease;\r\n}\r\n\r\n.obx-faq .faq-toggle:before,\r\n.obx-faq .faq-toggle:after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:50%;\r\n  top:50%;\r\n\r\n  width:11px;\r\n  height:1px;\r\n\r\n  background:#fff;\r\n\r\n  transform:translate(-50%,-50%);\r\n\r\n  transition:\r\n    transform .35s cubic-bezier(.22,1,.36,1),\r\n    background .3s ease;\r\n}\r\n\r\n.obx-faq .faq-toggle:after{\r\n  transform:\r\n    translate(-50%,-50%)\r\n    rotate(90deg);\r\n}\r\n\r\n.obx-faq .faq-item:hover .faq-toggle{\r\n  border-color:rgba(47,125,246,.45);\r\n  background:rgba(47,125,246,.10);\r\n}\r\n\r\n.obx-faq .faq-item[open] .faq-toggle{\r\n  background:var(--blue);\r\n  border-color:var(--blue);\r\n\r\n  transform:rotate(180deg);\r\n}\r\n\r\n.obx-faq .faq-item[open] .faq-toggle:after{\r\n  transform:\r\n    translate(-50%,-50%)\r\n    rotate(0deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FAQ ANSWER\r\n========================================================= *\/\r\n\r\n.obx-faq .faq-answer{\r\n  padding:\r\n    0\r\n    74px\r\n    23px\r\n    78px;\r\n}\r\n\r\n.obx-faq .faq-answer-inner{\r\n  max-width:860px;\r\n\r\n  padding-top:17px;\r\n\r\n  border-top:1px solid #202024;\r\n}\r\n\r\n.obx-faq .faq-answer p{\r\n  font-size:14px;\r\n  line-height:1.72;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FAQ ACCENTS\r\n========================================================= *\/\r\n\r\n.obx-faq .faq-item:before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:0;\r\n  top:0;\r\n  bottom:0;\r\n\r\n  width:2px;\r\n\r\n  opacity:0;\r\n\r\n  transition:opacity .3s ease;\r\n}\r\n\r\n.obx-faq .faq-item:nth-child(3n+1):before{\r\n  background:var(--red);\r\n}\r\n\r\n.obx-faq .faq-item:nth-child(3n+2):before{\r\n  background:var(--blue);\r\n}\r\n\r\n.obx-faq .faq-item:nth-child(3n+3):before{\r\n  background:var(--yellow);\r\n}\r\n\r\n.obx-faq .faq-item[open]:before{\r\n  opacity:1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FINAL CTA\r\n========================================================= *\/\r\n\r\n.obx-faq .final-card{\r\n  position:relative;\r\n  isolation:isolate;\r\n\r\n  margin-top:72px;\r\n  padding:clamp(38px,6vw,72px) clamp(24px,5vw,64px);\r\n\r\n  text-align:center;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 50% 110%,\r\n      rgba(47,125,246,.10),\r\n      transparent 35%\r\n    ),\r\n    radial-gradient(\r\n      circle at 88% 10%,\r\n      rgba(255,197,27,.04),\r\n      transparent 25%\r\n    ),\r\n    linear-gradient(\r\n      145deg,\r\n      #111114 0%,\r\n      #09090b 58%,\r\n      #070708 100%\r\n    );\r\n\r\n  border:1px solid var(--line);\r\n  border-radius:20px;\r\n\r\n  overflow:hidden;\r\n\r\n  box-shadow:\r\n    0 32px 80px rgba(0,0,0,.18),\r\n    inset 0 1px 0 rgba(255,255,255,.025);\r\n}\r\n\r\n.obx-faq .final-card:before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n  z-index:3;\r\n\r\n  left:0;\r\n  top:0;\r\n\r\n  width:100%;\r\n  height:2px;\r\n\r\n  background:linear-gradient(\r\n    90deg,\r\n    var(--red) 0 33.333%,\r\n    var(--blue) 33.333% 66.666%,\r\n    var(--yellow) 66.666% 100%\r\n  );\r\n\r\n  transform-origin:left center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA DECORATION \/ TARGET\r\n========================================================= *\/\r\n\r\n.obx-faq .final-target{\r\n  position:absolute;\r\n  z-index:0;\r\n\r\n  left:50%;\r\n  top:50%;\r\n\r\n  width:540px;\r\n  height:540px;\r\n\r\n  transform:translate(-50%,-50%);\r\n\r\n  pointer-events:none;\r\n\r\n  opacity:.58;\r\n}\r\n\r\n.obx-faq .target-ring{\r\n  position:absolute;\r\n\r\n  border:1px solid rgba(255,255,255,.035);\r\n  border-radius:50%;\r\n}\r\n\r\n.obx-faq .target-ring-1{\r\n  inset:0;\r\n\r\n  animation:\r\n    obxFaqTargetPulseOne\r\n    8s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n.obx-faq .target-ring-2{\r\n  inset:19%;\r\n\r\n  border-color:rgba(47,125,246,.05);\r\n\r\n  animation:\r\n    obxFaqTargetPulseTwo\r\n    7s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n.obx-faq .target-ring-3{\r\n  inset:37%;\r\n\r\n  border-color:rgba(255,197,27,.055);\r\n\r\n  animation:\r\n    obxFaqTargetPulseThree\r\n    6s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n.obx-faq .target-orbit{\r\n  position:absolute;\r\n\r\n  inset:10%;\r\n\r\n  border-radius:50%;\r\n\r\n  animation:\r\n    obxFaqOrbit\r\n    18s\r\n    linear\r\n    infinite;\r\n}\r\n\r\n.obx-faq .target-orbit:before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:50%;\r\n  top:-3px;\r\n\r\n  width:6px;\r\n  height:6px;\r\n\r\n  transform:translateX(-50%);\r\n\r\n  border-radius:50%;\r\n\r\n  background:var(--yellow);\r\n\r\n  box-shadow:\r\n    0 0 0 5px rgba(255,197,27,.04),\r\n    0 0 22px rgba(255,197,27,.16);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FINAL CONTENT\r\n========================================================= *\/\r\n\r\n.obx-faq .final-content{\r\n  position:relative;\r\n  z-index:2;\r\n}\r\n\r\n.obx-faq .final-dots{\r\n  display:flex;\r\n  justify-content:center;\r\n  align-items:center;\r\n  gap:8px;\r\n\r\n  margin-bottom:24px;\r\n}\r\n\r\n.obx-faq .final-dot{\r\n  width:9px;\r\n  height:9px;\r\n\r\n  border-radius:50%;\r\n}\r\n\r\n.obx-faq .final-dot-red{\r\n  background:var(--red);\r\n}\r\n\r\n.obx-faq .final-dot-blue{\r\n  background:var(--blue);\r\n}\r\n\r\n.obx-faq .final-dot-yellow{\r\n  background:var(--yellow);\r\n}\r\n\r\n.obx-faq .final-title{\r\n  max-width:940px;\r\n  margin:0 auto;\r\n\r\n  font-size:clamp(42px,5.6vw,76px);\r\n}\r\n\r\n.obx-faq .final-copy{\r\n  max-width:720px;\r\n\r\n  margin:27px auto 0;\r\n}\r\n\r\n.obx-faq .final-flow{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  flex-wrap:wrap;\r\n  gap:8px 15px;\r\n\r\n  color:#b9b9bd;\r\n\r\n  font-size:13px;\r\n  line-height:1.6;\r\n  font-weight:600;\r\n}\r\n\r\n.obx-faq .flow-item{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:7px;\r\n}\r\n\r\n.obx-faq .flow-dot{\r\n  width:6px;\r\n  height:6px;\r\n  flex:0 0 6px;\r\n\r\n  border-radius:50%;\r\n}\r\n\r\n.obx-faq .flow-red{\r\n  background:var(--red);\r\n}\r\n\r\n.obx-faq .flow-blue{\r\n  background:var(--blue);\r\n}\r\n\r\n.obx-faq .flow-yellow{\r\n  background:var(--yellow);\r\n}\r\n\r\n.obx-faq .flow-arrow{\r\n  color:#505056;\r\n}\r\n\r\n.obx-faq .final-promise{\r\n  margin-top:17px;\r\n\r\n  color:#fff;\r\n\r\n  font-size:15px;\r\n  line-height:1.55;\r\n  font-weight:800;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA BUTTON\r\n========================================================= *\/\r\n\r\n.obx-faq .btn{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:12px;\r\n\r\n  margin-top:27px;\r\n  padding:16px 24px;\r\n\r\n  color:#050505!important;\r\n  background:#fff;\r\n\r\n  border:1px solid rgba(255,255,255,.9);\r\n  border-radius:10px;\r\n\r\n  text-decoration:none;\r\n\r\n  font-size:14px;\r\n  line-height:1.3;\r\n  font-weight:800;\r\n\r\n  box-shadow:\r\n    0 9px 28px rgba(255,255,255,.05);\r\n\r\n  transition:\r\n    transform .35s cubic-bezier(.22,1,.36,1),\r\n    background .25s ease,\r\n    border-color .25s ease,\r\n    box-shadow .35s ease;\r\n}\r\n\r\n.obx-faq .btn-arrow{\r\n  display:inline-block;\r\n\r\n  transition:\r\n    transform .35s cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n.obx-faq .btn:hover{\r\n  transform:translateY(-3px);\r\n\r\n  background:var(--yellow);\r\n  border-color:var(--yellow);\r\n\r\n  box-shadow:\r\n    0 15px 40px rgba(255,197,27,.12);\r\n}\r\n\r\n.obx-faq .btn:hover .btn-arrow{\r\n  transform:translateX(4px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BRAND SIGNATURE\r\n========================================================= *\/\r\n\r\n.obx-faq .brand-signature{\r\n  margin-top:36px;\r\n\r\n  color:#fff;\r\n\r\n  font-family:Anton,Impact,\"Arial Narrow\",sans-serif;\r\n  font-size:24px;\r\n  line-height:1.15;\r\n  letter-spacing:.01em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.obx-faq .brand-signature span{\r\n  color:var(--yellow);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TARGET ANIMATIONS\r\n========================================================= *\/\r\n\r\n@keyframes obxFaqTargetPulseOne{\r\n  0%,100%{\r\n    transform:scale(.97);\r\n    opacity:.55;\r\n  }\r\n\r\n  50%{\r\n    transform:scale(1.025);\r\n    opacity:1;\r\n  }\r\n}\r\n\r\n@keyframes obxFaqTargetPulseTwo{\r\n  0%,100%{\r\n    transform:scale(1.02);\r\n    opacity:.6;\r\n  }\r\n\r\n  50%{\r\n    transform:scale(.97);\r\n    opacity:1;\r\n  }\r\n}\r\n\r\n@keyframes obxFaqTargetPulseThree{\r\n  0%,100%{\r\n    transform:scale(.94);\r\n    opacity:.6;\r\n  }\r\n\r\n  50%{\r\n    transform:scale(1.05);\r\n    opacity:1;\r\n  }\r\n}\r\n\r\n@keyframes obxFaqOrbit{\r\n  from{\r\n    transform:rotate(0deg);\r\n  }\r\n\r\n  to{\r\n    transform:rotate(360deg);\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SCROLL ANIMATIONS\r\n========================================================= *\/\r\n\r\n@keyframes obxFaqFadeUp{\r\n  from{\r\n    opacity:0;\r\n    transform:translateY(20px);\r\n  }\r\n\r\n  to{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes obxFaqItemIn{\r\n  from{\r\n    opacity:0;\r\n    transform:translateY(18px);\r\n  }\r\n\r\n  to{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes obxFaqCardIn{\r\n  from{\r\n    opacity:0;\r\n    transform:translateY(30px);\r\n  }\r\n\r\n  to{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes obxFaqLineGrow{\r\n  from{\r\n    transform:scaleX(0);\r\n  }\r\n\r\n  to{\r\n    transform:scaleX(1);\r\n  }\r\n}\r\n\r\n\r\n\/* initial hidden only after JS *\/\r\n\r\n.obx-faq.obx-scroll-ready .faq-eyebrow,\r\n.obx-faq.obx-scroll-ready .faq-title,\r\n.obx-faq.obx-scroll-ready .faq-header-copy,\r\n.obx-faq.obx-scroll-ready .faq-item,\r\n.obx-faq.obx-scroll-ready .final-card{\r\n  opacity:0;\r\n}\r\n\r\n.obx-faq.obx-scroll-ready .faq-eyebrow,\r\n.obx-faq.obx-scroll-ready .faq-title,\r\n.obx-faq.obx-scroll-ready .faq-header-copy{\r\n  transform:translateY(20px);\r\n}\r\n\r\n.obx-faq.obx-scroll-ready .faq-item{\r\n  transform:translateY(18px);\r\n}\r\n\r\n.obx-faq.obx-scroll-ready .final-card{\r\n  transform:translateY(30px);\r\n}\r\n\r\n.obx-faq.obx-scroll-ready .final-card:before{\r\n  transform:scaleX(0);\r\n}\r\n\r\n\r\n\/* FAQ header *\/\r\n\r\n.obx-faq.obx-scroll-ready.obx-visible .faq-eyebrow{\r\n  animation:\r\n    obxFaqFadeUp\r\n    .54s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .04s\r\n    forwards;\r\n}\r\n\r\n.obx-faq.obx-scroll-ready.obx-visible .faq-title{\r\n  animation:\r\n    obxFaqFadeUp\r\n    .62s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .14s\r\n    forwards;\r\n}\r\n\r\n.obx-faq.obx-scroll-ready.obx-visible .faq-header-copy{\r\n  animation:\r\n    obxFaqFadeUp\r\n    .58s\r\n    cubic-bezier(.22,1,.36,1)\r\n    .26s\r\n    forwards;\r\n}\r\n\r\n\r\n\/* FAQ items *\/\r\n\r\n.obx-faq.obx-scroll-ready.obx-visible .faq-item:nth-child(1){\r\n  animation:obxFaqItemIn .54s cubic-bezier(.22,1,.36,1) .42s forwards;\r\n}\r\n\r\n.obx-faq.obx-scroll-ready.obx-visible .faq-item:nth-child(2){\r\n  animation:obxFaqItemIn .54s cubic-bezier(.22,1,.36,1) .54s forwards;\r\n}\r\n\r\n.obx-faq.obx-scroll-ready.obx-visible .faq-item:nth-child(3){\r\n  animation:obxFaqItemIn .54s cubic-bezier(.22,1,.36,1) .66s forwards;\r\n}\r\n\r\n.obx-faq.obx-scroll-ready.obx-visible .faq-item:nth-child(4){\r\n  animation:obxFaqItemIn .54s cubic-bezier(.22,1,.36,1) .78s forwards;\r\n}\r\n\r\n.obx-faq.obx-scroll-ready.obx-visible .faq-item:nth-child(5){\r\n  animation:obxFaqItemIn .54s cubic-bezier(.22,1,.36,1) .90s forwards;\r\n}\r\n\r\n.obx-faq.obx-scroll-ready.obx-visible .faq-item:nth-child(6){\r\n  animation:obxFaqItemIn .54s cubic-bezier(.22,1,.36,1) 1.02s forwards;\r\n}\r\n\r\n\r\n\/* final CTA *\/\r\n\r\n.obx-faq.obx-scroll-ready.obx-visible .final-card{\r\n  animation:\r\n    obxFaqCardIn\r\n    .64s\r\n    cubic-bezier(.22,1,.36,1)\r\n    1.20s\r\n    forwards;\r\n}\r\n\r\n.obx-faq.obx-scroll-ready.obx-visible .final-card:before{\r\n  animation:\r\n    obxFaqLineGrow\r\n    .56s\r\n    cubic-bezier(.22,1,.36,1)\r\n    1.42s\r\n    forwards;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1000px){\r\n\r\n  .obx-faq .faq-header{\r\n    grid-template-columns:1fr;\r\n    gap:20px;\r\n  }\r\n\r\n  .obx-faq .faq-header-copy{\r\n    max-width:650px;\r\n    padding-bottom:0;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:767px){\r\n\r\n  .obx-faq .faq-section{\r\n    padding:60px 0 64px;\r\n  }\r\n\r\n  .obx-faq .eyebrow{\r\n    margin-bottom:13px;\r\n\r\n    font-size:11px;\r\n    line-height:1.55;\r\n  }\r\n\r\n  .obx-faq .title{\r\n    font-size:clamp(40px,12vw,58px);\r\n  }\r\n\r\n  .obx-faq .title-line{\r\n    line-height:1.05;\r\n  }\r\n\r\n  .obx-faq .title-line-second{\r\n    padding-top:.11em;\r\n    margin-top:.02em;\r\n  }\r\n\r\n  .obx-faq p{\r\n    font-size:15px;\r\n  }\r\n\r\n  .obx-faq .faq-header{\r\n    margin-bottom:26px;\r\n  }\r\n\r\n  .obx-faq .faq-list{\r\n    gap:9px;\r\n  }\r\n\r\n  .obx-faq .faq-item{\r\n    border-radius:14px;\r\n  }\r\n\r\n  .obx-faq .faq-summary{\r\n    grid-template-columns:31px minmax(0,1fr) 34px;\r\n    gap:10px;\r\n\r\n    min-height:73px;\r\n\r\n    padding:14px 16px;\r\n\r\n    font-size:14px;\r\n  }\r\n\r\n  .obx-faq .faq-toggle{\r\n    width:31px;\r\n    height:31px;\r\n  }\r\n\r\n  .obx-faq .faq-answer{\r\n    padding:\r\n      0\r\n      18px\r\n      20px\r\n      57px;\r\n  }\r\n\r\n  .obx-faq .faq-answer-inner{\r\n    padding-top:14px;\r\n  }\r\n\r\n  .obx-faq .faq-answer p{\r\n    font-size:13px;\r\n    line-height:1.7;\r\n  }\r\n\r\n\r\n  \/* FINAL *\/\r\n\r\n  .obx-faq .final-card{\r\n    margin-top:58px;\r\n\r\n    padding:\r\n      42px\r\n      21px\r\n      39px;\r\n\r\n    border-radius:17px;\r\n  }\r\n\r\n  .obx-faq .final-target{\r\n    width:390px;\r\n    height:390px;\r\n  }\r\n\r\n  .obx-faq .final-dots{\r\n    margin-bottom:22px;\r\n  }\r\n\r\n  .obx-faq .final-title{\r\n    font-size:clamp(39px,11.5vw,56px);\r\n  }\r\n\r\n  .obx-faq .final-copy{\r\n    margin-top:23px;\r\n  }\r\n\r\n  .obx-faq .final-flow{\r\n    display:grid;\r\n    grid-template-columns:1fr;\r\n    gap:10px;\r\n\r\n    max-width:310px;\r\n\r\n    margin:0 auto;\r\n\r\n    text-align:left;\r\n  }\r\n\r\n  .obx-faq .flow-arrow{\r\n    display:none;\r\n  }\r\n\r\n  .obx-faq .final-promise{\r\n    margin-top:19px;\r\n\r\n    font-size:14px;\r\n  }\r\n\r\n  .obx-faq .btn{\r\n    width:100%;\r\n\r\n    margin-top:25px;\r\n  }\r\n\r\n  .obx-faq .brand-signature{\r\n    margin-top:31px;\r\n\r\n    font-size:21px;\r\n  }\r\n\r\n\r\n  \/* faster mobile entrance *\/\r\n\r\n  .obx-faq.obx-scroll-ready.obx-visible .faq-eyebrow{\r\n    animation-delay:.04s;\r\n    animation-duration:.54s;\r\n  }\r\n\r\n  .obx-faq.obx-scroll-ready.obx-visible .faq-title{\r\n    animation-delay:.14s;\r\n    animation-duration:.62s;\r\n  }\r\n\r\n  .obx-faq.obx-scroll-ready.obx-visible .faq-header-copy{\r\n    animation-delay:.28s;\r\n    animation-duration:.58s;\r\n  }\r\n\r\n  .obx-faq.obx-scroll-ready.obx-visible .faq-item:nth-child(1){animation-delay:.44s;}\r\n  .obx-faq.obx-scroll-ready.obx-visible .faq-item:nth-child(2){animation-delay:.56s;}\r\n  .obx-faq.obx-scroll-ready.obx-visible .faq-item:nth-child(3){animation-delay:.68s;}\r\n  .obx-faq.obx-scroll-ready.obx-visible .faq-item:nth-child(4){animation-delay:.80s;}\r\n  .obx-faq.obx-scroll-ready.obx-visible .faq-item:nth-child(5){animation-delay:.92s;}\r\n  .obx-faq.obx-scroll-ready.obx-visible .faq-item:nth-child(6){animation-delay:1.04s;}\r\n\r\n  .obx-faq.obx-scroll-ready.obx-visible .faq-item{\r\n    animation-duration:.54s;\r\n  }\r\n\r\n  .obx-faq.obx-scroll-ready.obx-visible .final-card{\r\n    animation-delay:1.22s;\r\n    animation-duration:.64s;\r\n  }\r\n\r\n  .obx-faq.obx-scroll-ready.obx-visible .final-card:before{\r\n    animation-delay:1.44s;\r\n    animation-duration:.56s;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  .obx-faq.obx-scroll-ready .faq-eyebrow,\r\n  .obx-faq.obx-scroll-ready .faq-title,\r\n  .obx-faq.obx-scroll-ready .faq-header-copy,\r\n  .obx-faq.obx-scroll-ready .faq-item,\r\n  .obx-faq.obx-scroll-ready .final-card{\r\n    opacity:1;\r\n    transform:none;\r\n    animation:none!important;\r\n  }\r\n\r\n  .obx-faq.obx-scroll-ready .final-card:before{\r\n    transform:scaleX(1);\r\n    animation:none!important;\r\n  }\r\n\r\n  .obx-faq .target-ring,\r\n  .obx-faq .target-orbit{\r\n    animation:none!important;\r\n  }\r\n\r\n  .obx-faq .faq-item,\r\n  .obx-faq .faq-toggle,\r\n  .obx-faq .btn,\r\n  .obx-faq .btn-arrow{\r\n    transition:none!important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n\r\n<section\r\n  class=\"obx-faq\"\r\n  data-obx-faq-scroll\r\n  aria-label=\"Pogosta vpra\u0161anja in naslednji korak\"\r\n>\r\n\r\n  <div class=\"faq-section\">\r\n\r\n\r\n    <!-- =====================================================\r\n         FAQ HEADER\r\n    ====================================================== -->\r\n\r\n    <div class=\"faq-header\">\r\n\r\n\r\n      <div>\r\n\r\n        <div class=\"eyebrow faq-eyebrow\">\r\n          Pogosta vpra\u0161anja\r\n        <\/div>\r\n\r\n\r\n        <h2 class=\"title faq-title\">\r\n\r\n          <span class=\"title-line\">\r\n            Preden\r\n          <\/span>\r\n\r\n          <span class=\"title-line title-line-second\">\r\n            za\u010dnemo.\r\n          <\/span>\r\n\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"faq-header-copy\">\r\n\r\n        <p>\r\n          Pred sodelovanjem \u017eelimo, da natan\u010dno veste,\r\n          <strong>kaj lahko pri\u010dakujete, kako sistem deluje\r\n          in kaj je potrebno za uspe\u0161no izvedbo.<\/strong>\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         FAQ\r\n    ====================================================== -->\r\n\r\n    <div class=\"faq-list\">\r\n\r\n\r\n      <!-- 01 -->\r\n\r\n      <details class=\"faq-item\">\r\n\r\n        <summary class=\"faq-summary\">\r\n\r\n          <span class=\"faq-number\">\r\n            01\r\n          <\/span>\r\n\r\n          <span class=\"faq-question\">\r\n            Ali potrebujem novo spletno stran?\r\n          <\/span>\r\n\r\n          <span class=\"faq-toggle\" aria-hidden=\"true\"><\/span>\r\n\r\n        <\/summary>\r\n\r\n\r\n        <div class=\"faq-answer\">\r\n\r\n          <div class=\"faq-answer-inner\">\r\n\r\n            <p>\r\n              Ne. Oblikov Lead System je zasnovan predvsem za podjetja,\r\n              ki WordPress spletno stran \u017ee imajo. Na obstoje\u010di strani\r\n              postavimo namensko prodajno stran in jo pove\u017eemo z oglasi,\r\n              obrazcem ter merjenjem klju\u010dnih konverzij.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/details>\r\n\r\n\r\n      <!-- 02 -->\r\n\r\n      <details class=\"faq-item\">\r\n\r\n        <summary class=\"faq-summary\">\r\n\r\n          <span class=\"faq-number\">\r\n            02\r\n          <\/span>\r\n\r\n          <span class=\"faq-question\">\r\n            Koliko stane Oblikov Lead System?\r\n          <\/span>\r\n\r\n          <span class=\"faq-toggle\" aria-hidden=\"true\"><\/span>\r\n\r\n        <\/summary>\r\n\r\n\r\n        <div class=\"faq-answer\">\r\n\r\n          <div class=\"faq-answer-inner\">\r\n\r\n            <p>\r\n              Investicija je odvisna od va\u0161e ponudbe, trga in obsega\r\n              sistema, ki ga je smiselno postaviti. Po pregledu va\u0161ega\r\n              podjetja prejmete jasen predlog izvedbe in ceno.\r\n              <strong>Ogla\u0161evalski prora\u010dun se dolo\u010di lo\u010deno.<\/strong>\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/details>\r\n\r\n\r\n      <!-- 03 -->\r\n\r\n      <details class=\"faq-item\">\r\n\r\n        <summary class=\"faq-summary\">\r\n\r\n          <span class=\"faq-number\">\r\n            03\r\n          <\/span>\r\n\r\n          <span class=\"faq-question\">\r\n            Ali po vzpostavitvi sistema sodelujemo naprej?\r\n          <\/span>\r\n\r\n          <span class=\"faq-toggle\" aria-hidden=\"true\"><\/span>\r\n\r\n        <\/summary>\r\n\r\n\r\n        <div class=\"faq-answer\">\r\n\r\n          <div class=\"faq-answer-inner\">\r\n\r\n            <p>\r\n              Lahko. Po zagonu lahko nadaljujemo z upravljanjem kampanj,\r\n              testiranjem novih kreativ in marketin\u0161kih idej,\r\n              spremljanjem rezultatov ter izbolj\u0161evanjem prodajne strani.\r\n              Cilj nadaljnjega sodelovanja je sistem razvijati na podlagi\r\n              podatkov in tistega, kar se v praksi izka\u017ee za u\u010dinkovito.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/details>\r\n\r\n\r\n      <!-- 04 -->\r\n\r\n      <details class=\"faq-item\">\r\n\r\n        <summary class=\"faq-summary\">\r\n\r\n          <span class=\"faq-number\">\r\n            04\r\n          <\/span>\r\n\r\n          <span class=\"faq-question\">\r\n            Ali zagotavljate dolo\u010deno \u0161tevilo povpra\u0161evanj?\r\n          <\/span>\r\n\r\n          <span class=\"faq-toggle\" aria-hidden=\"true\"><\/span>\r\n\r\n        <\/summary>\r\n\r\n\r\n        <div class=\"faq-answer\">\r\n\r\n          <div class=\"faq-answer-inner\">\r\n\r\n            <p>\r\n              Ne. Na rezultate vplivajo ponudba, trg, cena, konkurenca,\r\n              sezonskost, ogla\u0161evalski prora\u010dun in drugi dejavniki,\r\n              zato dolo\u010denega \u0161tevila povpra\u0161evanj ne bi bilo po\u0161teno\r\n              zagotavljati. Na\u0161a naloga je postaviti\r\n              <strong>merljiv sistem, testirati ideje in izbolj\u0161evati\r\n              elemente, ki ka\u017eejo najve\u010d potenciala.<\/strong>\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/details>\r\n\r\n\r\n      <!-- 05 -->\r\n\r\n      <details class=\"faq-item\">\r\n\r\n        <summary class=\"faq-summary\">\r\n\r\n          <span class=\"faq-number\">\r\n            05\r\n          <\/span>\r\n\r\n          <span class=\"faq-question\">\r\n            Kolik\u0161en ogla\u0161evalski prora\u010dun potrebujemo?\r\n          <\/span>\r\n\r\n          <span class=\"faq-toggle\" aria-hidden=\"true\"><\/span>\r\n\r\n        <\/summary>\r\n\r\n\r\n        <div class=\"faq-answer\">\r\n\r\n          <div class=\"faq-answer-inner\">\r\n\r\n            <p>\r\n              Ni enega zneska, ki bi bil primeren za vsako podjetje.\r\n              Smiseln prora\u010dun dolo\u010dimo glede na vrednost va\u0161e ponudbe,\r\n              velikost trga, konkurenco in koli\u010dino podatkov, ki jih\r\n              potrebujemo za kakovostno testiranje kampanje.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/details>\r\n\r\n\r\n      <!-- 06 -->\r\n\r\n      <details class=\"faq-item\">\r\n\r\n        <summary class=\"faq-summary\">\r\n\r\n          <span class=\"faq-number\">\r\n            06\r\n          <\/span>\r\n\r\n          <span class=\"faq-question\">\r\n            Moramo pred za\u010detkom rezervirati sestanek?\r\n          <\/span>\r\n\r\n          <span class=\"faq-toggle\" aria-hidden=\"true\"><\/span>\r\n\r\n        <\/summary>\r\n\r\n\r\n        <div class=\"faq-answer\">\r\n\r\n          <div class=\"faq-answer-inner\">\r\n\r\n            <p>\r\n              Ne. Prvi del komunikacije uredimo prek emaila.\r\n              Pregledamo va\u0161e podjetje, ponudbo in spletno stran ter vam\r\n              po\u0161ljemo naslednje korake. \u010ce je za kakovostno izvedbo\r\n              smiseln kratek pogovor, se zanj dogovorimo naknadno.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/details>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         FINAL CTA\r\n    ====================================================== -->\r\n\r\n    <div class=\"final-card\">\r\n\r\n\r\n      <!-- animated background target -->\r\n\r\n      <div class=\"final-target\" aria-hidden=\"true\">\r\n\r\n        <span class=\"target-ring target-ring-1\"><\/span>\r\n        <span class=\"target-ring target-ring-2\"><\/span>\r\n        <span class=\"target-ring target-ring-3\"><\/span>\r\n\r\n        <span class=\"target-orbit\"><\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"final-content\">\r\n\r\n\r\n        <div class=\"final-dots\" aria-hidden=\"true\">\r\n\r\n          <span class=\"final-dot final-dot-red\"><\/span>\r\n          <span class=\"final-dot final-dot-blue\"><\/span>\r\n          <span class=\"final-dot final-dot-yellow\"><\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <h2 class=\"title final-title\">\r\n\r\n          <span class=\"title-line\">\r\n            WordPress \u017ee imate.\r\n          <\/span>\r\n\r\n          <span class=\"title-line title-line-second title-blue\">\r\n            Naj za\u010dne pridobivati povpra\u0161evanja.\r\n          <\/span>\r\n\r\n        <\/h2>\r\n\r\n\r\n        <div class=\"final-copy\">\r\n\r\n\r\n          <div class=\"final-flow\">\r\n\r\n            <span class=\"flow-item\">\r\n              <span class=\"flow-dot flow-red\"><\/span>\r\n              Pripeljemo prave ljudi\r\n            <\/span>\r\n\r\n            <span class=\"flow-arrow\">\r\n              \u2192\r\n            <\/span>\r\n\r\n            <span class=\"flow-item\">\r\n              <span class=\"flow-dot flow-blue\"><\/span>\r\n              Predstavimo pravo ponudbo\r\n            <\/span>\r\n\r\n            <span class=\"flow-arrow\">\r\n              \u2192\r\n            <\/span>\r\n\r\n            <span class=\"flow-item\">\r\n              <span class=\"flow-dot flow-yellow\"><\/span>\r\n              Pridobimo povpra\u0161evanje\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"final-promise\">\r\n            En povezan sistem. En jasen cilj.\r\n          <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <a\r\n          class=\"btn\"\r\n          href=\"\/sl\/#form\"\r\n        >\r\n          Preveri ustreznost\r\n          <span class=\"btn-arrow\">\u2192<\/span>\r\n        <\/a>\r\n\r\n\r\n        <div class=\"brand-signature\">\r\n\r\n          Oblikov.\r\n          <span>Spremenimo pogled.<\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n\r\n  \/* =======================================================\r\n     ACCORDION\r\n     Only one FAQ open at a time\r\n  ======================================================= *\/\r\n\r\n  function initObxFaqAccordion(){\r\n\r\n    var sections =\r\n      document.querySelectorAll('.obx-faq');\r\n\r\n\r\n    sections.forEach(function(section){\r\n\r\n      if(\r\n        section.dataset.obxFaqAccordionInitialized ===\r\n        'true'\r\n      ){\r\n        return;\r\n      }\r\n\r\n\r\n      section.dataset.obxFaqAccordionInitialized =\r\n        'true';\r\n\r\n\r\n      var items =\r\n        section.querySelectorAll('.faq-item');\r\n\r\n\r\n      items.forEach(function(item){\r\n\r\n        item.addEventListener(\r\n          'toggle',\r\n          function(){\r\n\r\n            if(!item.open){\r\n              return;\r\n            }\r\n\r\n\r\n            items.forEach(function(otherItem){\r\n\r\n              if(\r\n                otherItem !== item &&\r\n                otherItem.open\r\n              ){\r\n                otherItem.open = false;\r\n              }\r\n\r\n            });\r\n\r\n          }\r\n        );\r\n\r\n      });\r\n\r\n    });\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     SCROLL ANIMATION\r\n  ======================================================= *\/\r\n\r\n  function initObxFaqScroll(){\r\n\r\n    var sections =\r\n      document.querySelectorAll(\r\n        '[data-obx-faq-scroll]'\r\n      );\r\n\r\n\r\n    sections.forEach(function(section){\r\n\r\n      if(\r\n        section.dataset.obxFaqScrollInitialized ===\r\n        'true'\r\n      ){\r\n        return;\r\n      }\r\n\r\n\r\n      section.dataset.obxFaqScrollInitialized =\r\n        'true';\r\n\r\n\r\n      section.classList.add(\r\n        'obx-scroll-ready'\r\n      );\r\n\r\n\r\n      if(!('IntersectionObserver' in window)){\r\n\r\n        section.classList.add(\r\n          'obx-visible'\r\n        );\r\n\r\n        return;\r\n      }\r\n\r\n\r\n      var isMobile =\r\n        window.matchMedia(\r\n          '(max-width:767px)'\r\n        ).matches;\r\n\r\n\r\n      var observer =\r\n        new IntersectionObserver(\r\n\r\n          function(entries){\r\n\r\n            entries.forEach(function(entry){\r\n\r\n              if(entry.isIntersecting){\r\n\r\n                entry.target.classList.add(\r\n                  'obx-visible'\r\n                );\r\n\r\n                observer.unobserve(\r\n                  entry.target\r\n                );\r\n\r\n              }\r\n\r\n            });\r\n\r\n          },\r\n\r\n          {\r\n            threshold:isMobile ? 0.11 : 0.14,\r\n\r\n            rootMargin:isMobile\r\n              ? '0px 0px -5% 0px'\r\n              : '0px 0px -4% 0px'\r\n          }\r\n\r\n        );\r\n\r\n\r\n      observer.observe(section);\r\n\r\n    });\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     INIT\r\n  ======================================================= *\/\r\n\r\n  function initObxFaq(){\r\n\r\n    initObxFaqAccordion();\r\n\r\n    initObxFaqScroll();\r\n\r\n  }\r\n\r\n\r\n  if(document.readyState === 'loading'){\r\n\r\n    document.addEventListener(\r\n      'DOMContentLoaded',\r\n      initObxFaq\r\n    );\r\n\r\n  }else{\r\n\r\n    initObxFaq();\r\n\r\n  }\r\n\r\n\r\n  window.addEventListener(\r\n    'load',\r\n    initObxFaq\r\n  );\r\n\r\n\r\n  if(window.jQuery){\r\n\r\n    window.jQuery(window).on(\r\n      'elementor\/frontend\/init',\r\n      function(){\r\n\r\n        setTimeout(\r\n          initObxFaq,\r\n          100\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-53d0627 form e-con-full e-flex e-con e-parent\" data-id=\"53d0627\" data-element_type=\"container\" data-e-type=\"container\" id=\"form\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad05423 elementor-widget elementor-widget-shortcode\" data-id=\"ad05423\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\t\t<div data-elementor-type=\"container\" data-elementor-id=\"7262\" class=\"elementor elementor-7262\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f87f75 form e-flex e-con-boxed e-con e-parent\" data-id=\"4f87f75\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-598bc00 elementor-widget elementor-widget-html\" data-id=\"598bc00\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"obx-form-intro\" aria-labelledby=\"obx-form-title\"> <style> .obx-form-intro{ --red:#ff3538; --blue:#2f7df6; --yellow:#ffc51b; --white:#f7f7f4; --muted:#8f8f95;\n  width:100%;\n  max-width:1140px;\n  margin:0 auto;\n  padding:0 24px 34px;\n\n  text-align:center;\n  font-family:Poppins,Arial,sans-serif;\n}\n\n.obx-form-intro__eyebrow{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  gap:8px;\n\n  margin:0 0 16px;\n\n  color:#a7a7ad;\n\n  font-size:11px;\n  line-height:1.4;\n  font-weight:800;\n\n  letter-spacing:.12em;\n  text-transform:uppercase;\n}\n\n.obx-form-intro__dots{\n  display:inline-flex;\n  align-items:center;\n  gap:5px;\n}\n\n.obx-form-intro__dot{\n  width:6px;\n  height:6px;\n  border-radius:50%;\n  flex:0 0 6px;\n}\n\n.obx-form-intro__dot:nth-child(1){\n  background:var(--red);\n}\n\n.obx-form-intro__dot:nth-child(2){\n  background:var(--blue);\n}\n\n.obx-form-intro__dot:nth-child(3){\n  background:var(--yellow);\n}\n\n.obx-form-intro h2{\n  max-width:900px;\n  margin:0 auto;\n\n  color:var(--white);\n\n  font-family:Anton,Impact,\"Arial Narrow\",sans-serif;\n  font-size:clamp(42px,5.4vw,72px);\n  line-height:1.04;\n  font-weight:400;\n\n  letter-spacing:-.02em;\n  text-transform:uppercase;\n}\n\n.obx-form-intro h2 span{\n  display:block;\n  padding-top:.10em;\n  margin-top:.015em;\n\n  color:var(--blue);\n}\n\n.obx-form-intro__urgency{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  gap:9px;\n\n  margin:22px auto 0;\n  padding:9px 14px;\n\n  border:1px solid rgba(255,197,27,.18);\n  border-radius:999px;\n\n  background:rgba(255,197,27,.045);\n\n  color:#dedee1;\n\n  font-size:12px;\n  line-height:1.45;\n  font-weight:600;\n}\n\n.obx-form-intro__urgency-dot{\n  width:7px;\n  height:7px;\n  flex:0 0 7px;\n\n  border-radius:50%;\n\n  background:var(--yellow);\n  box-shadow:0 0 0 4px rgba(255,197,27,.08);\n}\n\n.obx-form-intro__urgency strong{\n  color:#fff;\n  font-weight:800;\n}\n\n.obx-form-intro__text{\n  max-width:680px;\n  margin:18px auto 0;\n\n  color:#b5b5ba;\n\n  font-size:14px;\n  line-height:1.7;\n  font-weight:500;\n}\n\n.obx-form-intro__text strong{\n  color:#fff;\n  font-weight:700;\n}\n\n@media(max-width:767px){\n  .obx-form-intro{\n    padding:0 18px 26px;\n  }\n\n  .obx-form-intro__eyebrow{\n    margin-bottom:13px;\n    font-size:9px;\n  }\n\n  .obx-form-intro h2{\n    font-size:clamp(36px,11vw,52px);\n    line-height:1.05;\n  }\n\n  .obx-form-intro h2 span{\n    padding-top:.11em;\n    margin-top:.02em;\n  }\n\n  .obx-form-intro__urgency{\n    margin-top:19px;\n    padding:8px 12px;\n\n    font-size:11px;\n    line-height:1.45;\n  }\n\n  .obx-form-intro__urgency-dot{\n    width:6px;\n    height:6px;\n    flex-basis:6px;\n  }\n\n  .obx-form-intro__text{\n    max-width:520px;\n    margin-top:16px;\n\n    font-size:13px;\n    line-height:1.65;\n  }\n}\n<\/style> <div class=\"obx-form-intro__eyebrow\"> <span class=\"obx-form-intro__dots\" aria-hidden=\"true\"> <span class=\"obx-form-intro__dot\"><\/span> <span class=\"obx-form-intro__dot\"><\/span> <span class=\"obx-form-intro__dot\"><\/span> <\/span>\nPreverimo, ali smo pravi fit\n<\/div> <h2 id=\"obx-form-title\"> JE OBLIKOV PRIMEREN <span>ZA VA\u0160E PODJETJE?<\/span> <\/h2> <div class=\"obx-form-intro__urgency\"> <span class=\"obx-form-intro__urgency-dot\" aria-hidden=\"true\"><\/span> <span>Ne bodite \u010dez 6 mesecev na istem. <strong>Za\u010dnite danes.<\/strong><\/span> <\/div> <p class=\"obx-form-intro__text\"> Odgovorite na nekaj kratkih vpra\u0161anj o va\u0161em podjetju, ponudbi in trenutnem ogla\u0161evanju. <strong>Pregledali bomo va\u0161e odgovore in vam po e-mailu sporo\u010dili naslednji korak.<\/strong> <\/p> <\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7f5a7fa elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"7f5a7fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;step_next_label&quot;:&quot;Nadaljuj&quot;,&quot;step_previous_label&quot;:&quot;Nazaj&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"New Form\" aria-label=\"New Form\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"7262\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"7f5a7fa\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"Oblikov\" \/>\n\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-100 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tIme in priimek\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Ime in priimek\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_68e6d45 elementor-col-100 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_68e6d45\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tPodjetje\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[field_68e6d45]\" id=\"form-field-field_68e6d45\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Podjetje\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-100 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tE-mail\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"E-mail\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_4f7b062 elementor-col-100 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_4f7b062\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tSpletna stran podjetja\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[field_4f7b062]\" id=\"form-field-field_4f7b062\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"https:\/\/vasepodjetje.si\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-field_97ed635 elementor-col-100 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_97ed635\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tKaj prodajate oziroma katero storitev ponujate?\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field  elementor-size-sm\" name=\"form_fields[field_97ed635]\" id=\"form-field-field_97ed635\" rows=\"4\" required=\"required\"><\/textarea>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-radio elementor-field-group elementor-column elementor-field-group-field_530705c elementor-col-100 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_530705c\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tAli va\u0161a spletna stran uporablja WordPress?\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<div class=\"elementor-field-subgroup  \"><span class=\"elementor-field-option\"><input type=\"radio\" value=\"Da\" id=\"form-field-field_530705c-0\" name=\"form_fields[field_530705c]\" required=\"required\"> <label for=\"form-field-field_530705c-0\">Da<\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\"Ne\" id=\"form-field-field_530705c-1\" name=\"form_fields[field_530705c]\" required=\"required\"> <label for=\"form-field-field_530705c-1\">Ne<\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\"Ne vem\" id=\"form-field-field_530705c-2\" name=\"form_fields[field_530705c]\" required=\"required\"> <label for=\"form-field-field_530705c-2\">Ne vem<\/label><\/span><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-radio elementor-field-group elementor-column elementor-field-group-field_ec7e43a elementor-col-100 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_ec7e43a\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tAli trenutno uporabljate Meta oglase?\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<div class=\"elementor-field-subgroup  \"><span class=\"elementor-field-option\"><input type=\"radio\" value=\"Da, aktivno ogla\u0161ujemo\" id=\"form-field-field_ec7e43a-0\" name=\"form_fields[field_ec7e43a]\" required=\"required\"> <label for=\"form-field-field_ec7e43a-0\">Da, aktivno ogla\u0161ujemo<\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\"Smo ogla\u0161evali v preteklosti\" id=\"form-field-field_ec7e43a-1\" name=\"form_fields[field_ec7e43a]\" required=\"required\"> <label for=\"form-field-field_ec7e43a-1\">Smo ogla\u0161evali v preteklosti<\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\"Ne\" id=\"form-field-field_ec7e43a-2\" name=\"form_fields[field_ec7e43a]\" required=\"required\"> <label for=\"form-field-field_ec7e43a-2\">Ne<\/label><\/span><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-radio elementor-field-group elementor-column elementor-field-group-field_9b2eacf elementor-col-100 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_9b2eacf\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tKaj je va\u0161 glavni cilj?\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<div class=\"elementor-field-subgroup  \"><span class=\"elementor-field-option\"><input type=\"radio\" value=\"Ve\u010d kakovostnih povpra\u0161evanj\" id=\"form-field-field_9b2eacf-0\" name=\"form_fields[field_9b2eacf]\" required=\"required\"> <label for=\"form-field-field_9b2eacf-0\">Ve\u010d kakovostnih povpra\u0161evanj<\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\"Ve\u010d prodajnih prilo\u017enosti\" id=\"form-field-field_9b2eacf-1\" name=\"form_fields[field_9b2eacf]\" required=\"required\"> <label for=\"form-field-field_9b2eacf-1\">Ve\u010d prodajnih prilo\u017enosti<\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\"Bolj u\u010dinkovito Meta ogla\u0161evanje\" id=\"form-field-field_9b2eacf-2\" name=\"form_fields[field_9b2eacf]\" required=\"required\"> <label for=\"form-field-field_9b2eacf-2\">Bolj u\u010dinkovito Meta ogla\u0161evanje<\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\"Bolj\u0161a prodajna stran\" id=\"form-field-field_9b2eacf-3\" name=\"form_fields[field_9b2eacf]\" required=\"required\"> <label for=\"form-field-field_9b2eacf-3\">Bolj\u0161a prodajna stran<\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\"Drugo\" id=\"form-field-field_9b2eacf-4\" name=\"form_fields[field_9b2eacf]\" required=\"required\"> <label for=\"form-field-field_9b2eacf-4\">Drugo<\/label><\/span><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-radio elementor-field-group elementor-column elementor-field-group-field_1fc74f0 elementor-col-100 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_1fc74f0\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tKolik\u0161en mese\u010dni prora\u010dun ste pripravljeni nameniti Meta ogla\u0161evanju?\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<div class=\"elementor-field-subgroup  \"><span class=\"elementor-field-option\"><input type=\"radio\" value=\"Manj kot 500 \u20ac\" id=\"form-field-field_1fc74f0-0\" name=\"form_fields[field_1fc74f0]\" required=\"required\"> <label for=\"form-field-field_1fc74f0-0\">Manj kot 500 \u20ac<\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\"500\u20131.000 \u20ac\" id=\"form-field-field_1fc74f0-1\" name=\"form_fields[field_1fc74f0]\" required=\"required\"> <label for=\"form-field-field_1fc74f0-1\">500\u20131.000 \u20ac<\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\"1.000\u20132.000 \u20ac\" id=\"form-field-field_1fc74f0-2\" name=\"form_fields[field_1fc74f0]\" required=\"required\"> <label for=\"form-field-field_1fc74f0-2\">1.000\u20132.000 \u20ac<\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\"2.000\u20135.000 \u20ac\" id=\"form-field-field_1fc74f0-3\" name=\"form_fields[field_1fc74f0]\" required=\"required\"> <label for=\"form-field-field_1fc74f0-3\">2.000\u20135.000 \u20ac<\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\"5.000 \u20ac+\" id=\"form-field-field_1fc74f0-4\" name=\"form_fields[field_1fc74f0]\" required=\"required\"> <label for=\"form-field-field_1fc74f0-4\">5.000 \u20ac+<\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\"Trenutno \u0161e ne vem\" id=\"form-field-field_1fc74f0-5\" name=\"form_fields[field_1fc74f0]\" required=\"required\"> <label for=\"form-field-field_1fc74f0-5\">Trenutno \u0161e ne vem<\/label><\/span><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-tel elementor-field-group elementor-column elementor-field-group-field_058d729 elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_058d729\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tTelefon (opcijsko)\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<input size=\"1\" type=\"tel\" name=\"form_fields[field_058d729]\" id=\"form-field-field_058d729\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" pattern=\"[0-9()#&amp;+*-=.]+\" title=\"Only numbers and phone characters (#, -, *, etc) are accepted.\">\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-acceptance elementor-field-group elementor-column elementor-field-group-marketing_consent elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-marketing_consent\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tE-mail obvestila\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-subgroup\">\n\t\t\t<span class=\"elementor-field-option\">\n\t\t\t\t<input type=\"checkbox\" name=\"form_fields[marketing_consent]\" id=\"form-field-marketing_consent\" class=\"elementor-field elementor-size-sm  elementor-acceptance-field\">\n\t\t\t\t<label for=\"form-field-marketing_consent\">\u017delim prejemati uporabne nasvete o digitalnem marketingu, pridobivanju povpra\u0161evanj ter ob\u010dasne informacije o storitvah in ponudbah Oblikova. Od prejemanja se lahko kadarkoli odjavim.<\/label>\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-html elementor-field-group elementor-column elementor-field-group-field_05c0007 elementor-col-100\">\n\t\t\t\t\t<p style=\"margin:0; color:#8f8f95; font-family:Poppins,Arial,sans-serif; font-size:11px; line-height:1.65;\">\n  Z oddajo obrazca bodo va\u0161i osebni podatki uporabljeni za obravnavo povpra\u0161evanja in komunikacijo glede morebitnega sodelovanja. Upravljavec podatkov je Podjetni\u0161ko svetovanje in spletna prodaja, An\u017ee Po\u010dkaj s.p. Ve\u010d informacij najdete v na\u0161i \n  <a href=\"https:\/\/www.oblikov.com\/sl\/politika-zasebnosti\/\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"color:#ffffff; text-decoration:underline; text-underline-offset:3px;\">\n    Politiki zasebnosti\n  <\/a>.\n<\/p>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Preveri ustreznost<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Meta oglasi + prodajna stran + povpra\u0161evanja Imate WordPress stran? Spremenimo jo v sistem za pridobivanje povpra\u0161evanj. Na va\u0161i obstoje\u010di WordPress strani postavimo namensko prodajno stran, nanjo pripeljemo prave ljudi z Meta oglasi in sistem optimiziramo za ve\u010d kakovostnih povpra\u0161evanj. Brez izdelave nove spletne strani. Brez nepotrebnega kompliciranja. \u010cez 6 mesecev je lahko va\u0161 marketing [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7045","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Pridobivanje povpra\u0161evanj z Meta oglasi - Oblikov<\/title>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"sl_SI\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Pridobivanje povpra\u0161evanj z Meta oglasi - Oblikov\" \/>\n<meta property=\"og:description\" content=\"Meta oglasi + prodajna stran + povpra\u0161evanja Imate WordPress stran? Spremenimo jo v sistem za pridobivanje povpra\u0161evanj. Na va\u0161i obstoje\u010di WordPress strani postavimo namensko prodajno stran, nanjo pripeljemo prave ljudi z Meta oglasi in sistem optimiziramo za ve\u010d kakovostnih povpra\u0161evanj. Brez izdelave nove spletne strani. Brez nepotrebnega kompliciranja. \u010cez 6 mesecev je lahko va\u0161 marketing [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.oblikov.com\/sl\/\" \/>\n<meta property=\"og:site_name\" content=\"Oblikov\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/share\/18hZFzpHWe\/?mibextid=wwXIfr\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-11T17:16:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/s.w.org\/style\/images\/about\/WordPress-logotype-standard-white.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"14 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.oblikov.com\\\/sl\\\/\",\"url\":\"https:\\\/\\\/www.oblikov.com\\\/sl\\\/\",\"name\":\"Pridobivanje povpra\u0161evanj z Meta oglasi - Oblikov\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.oblikov.com\\\/sl\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.oblikov.com\\\/sl\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.oblikov.com\\\/sl\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/s.w.org\\\/style\\\/images\\\/about\\\/WordPress-logotype-standard-white.png\",\"datePublished\":\"2026-09-11T16:31:16+00:00\",\"dateModified\":\"2026-10-11T17:16:37+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.oblikov.com\\\/sl\\\/#breadcrumb\"},\"inLanguage\":\"sl-SI\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.oblikov.com\\\/sl\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"sl-SI\",\"@id\":\"https:\\\/\\\/www.oblikov.com\\\/sl\\\/#primaryimage\",\"url\":\"https:\\\/\\\/s.w.org\\\/style\\\/images\\\/about\\\/WordPress-logotype-standard-white.png\",\"contentUrl\":\"https:\\\/\\\/s.w.org\\\/style\\\/images\\\/about\\\/WordPress-logotype-standard-white.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.oblikov.com\\\/sl\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.oblikov.com\\\/sl\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Pridobivanje povpra\u0161evanj z Meta oglasi\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.oblikov.com\\\/sl\\\/#website\",\"url\":\"https:\\\/\\\/www.oblikov.com\\\/sl\\\/\",\"name\":\"Oblikov | Spletne strani & marketin\u0161ki material\",\"description\":\"Tvoja lastna zunanja kreativna ekipa\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.oblikov.com\\\/sl\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.oblikov.com\\\/sl\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"sl-SI\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.oblikov.com\\\/sl\\\/#organization\",\"name\":\"Oblikov | Spletne strani & marketin\u0161ki material\",\"url\":\"https:\\\/\\\/www.oblikov.com\\\/sl\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sl-SI\",\"@id\":\"https:\\\/\\\/www.oblikov.com\\\/sl\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.oblikov.com\\\/sl\\\/wp-content\\\/uploads\\\/Oblikov-Logo.webp\",\"contentUrl\":\"https:\\\/\\\/www.oblikov.com\\\/sl\\\/wp-content\\\/uploads\\\/Oblikov-Logo.webp\",\"width\":540,\"height\":540,\"caption\":\"Oblikov | Spletne strani & marketin\u0161ki material\"},\"image\":{\"@id\":\"https:\\\/\\\/www.oblikov.com\\\/sl\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/share\\\/18hZFzpHWe\\\/?mibextid=wwXIfr\",\"https:\\\/\\\/www.instagram.com\\\/oblikov_agency?igsh=ODVrZDZ4NzYxbndu\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Pridobivanje povpra\u0161evanj z Meta oglasi - Oblikov","robots":{"index":"noindex","follow":"follow"},"og_locale":"sl_SI","og_type":"article","og_title":"Pridobivanje povpra\u0161evanj z Meta oglasi - Oblikov","og_description":"Meta oglasi + prodajna stran + povpra\u0161evanja Imate WordPress stran? Spremenimo jo v sistem za pridobivanje povpra\u0161evanj. Na va\u0161i obstoje\u010di WordPress strani postavimo namensko prodajno stran, nanjo pripeljemo prave ljudi z Meta oglasi in sistem optimiziramo za ve\u010d kakovostnih povpra\u0161evanj. Brez izdelave nove spletne strani. Brez nepotrebnega kompliciranja. \u010cez 6 mesecev je lahko va\u0161 marketing [&hellip;]","og_url":"https:\/\/www.oblikov.com\/sl\/","og_site_name":"Oblikov","article_publisher":"https:\/\/www.facebook.com\/share\/18hZFzpHWe\/?mibextid=wwXIfr","article_modified_time":"2026-10-11T17:16:37+00:00","og_image":[{"url":"https:\/\/s.w.org\/style\/images\/about\/WordPress-logotype-standard-white.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"14 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.oblikov.com\/sl\/","url":"https:\/\/www.oblikov.com\/sl\/","name":"Pridobivanje povpra\u0161evanj z Meta oglasi - Oblikov","isPartOf":{"@id":"https:\/\/www.oblikov.com\/sl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.oblikov.com\/sl\/#primaryimage"},"image":{"@id":"https:\/\/www.oblikov.com\/sl\/#primaryimage"},"thumbnailUrl":"https:\/\/s.w.org\/style\/images\/about\/WordPress-logotype-standard-white.png","datePublished":"2026-09-11T16:31:16+00:00","dateModified":"2026-10-11T17:16:37+00:00","breadcrumb":{"@id":"https:\/\/www.oblikov.com\/sl\/#breadcrumb"},"inLanguage":"sl-SI","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.oblikov.com\/sl\/"]}]},{"@type":"ImageObject","inLanguage":"sl-SI","@id":"https:\/\/www.oblikov.com\/sl\/#primaryimage","url":"https:\/\/s.w.org\/style\/images\/about\/WordPress-logotype-standard-white.png","contentUrl":"https:\/\/s.w.org\/style\/images\/about\/WordPress-logotype-standard-white.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.oblikov.com\/sl\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.oblikov.com\/sl\/"},{"@type":"ListItem","position":2,"name":"Pridobivanje povpra\u0161evanj z Meta oglasi"}]},{"@type":"WebSite","@id":"https:\/\/www.oblikov.com\/sl\/#website","url":"https:\/\/www.oblikov.com\/sl\/","name":"Oblikov | Spletne strani & marketin\u0161ki material","description":"Tvoja lastna zunanja kreativna ekipa","publisher":{"@id":"https:\/\/www.oblikov.com\/sl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.oblikov.com\/sl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sl-SI"},{"@type":"Organization","@id":"https:\/\/www.oblikov.com\/sl\/#organization","name":"Oblikov | Spletne strani & marketin\u0161ki material","url":"https:\/\/www.oblikov.com\/sl\/","logo":{"@type":"ImageObject","inLanguage":"sl-SI","@id":"https:\/\/www.oblikov.com\/sl\/#\/schema\/logo\/image\/","url":"https:\/\/www.oblikov.com\/sl\/wp-content\/uploads\/Oblikov-Logo.webp","contentUrl":"https:\/\/www.oblikov.com\/sl\/wp-content\/uploads\/Oblikov-Logo.webp","width":540,"height":540,"caption":"Oblikov | Spletne strani & marketin\u0161ki material"},"image":{"@id":"https:\/\/www.oblikov.com\/sl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/share\/18hZFzpHWe\/?mibextid=wwXIfr","https:\/\/www.instagram.com\/oblikov_agency?igsh=ODVrZDZ4NzYxbndu"]}]}},"_links":{"self":[{"href":"https:\/\/www.oblikov.com\/sl\/wp-json\/wp\/v2\/pages\/7045","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.oblikov.com\/sl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.oblikov.com\/sl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.oblikov.com\/sl\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.oblikov.com\/sl\/wp-json\/wp\/v2\/comments?post=7045"}],"version-history":[{"count":113,"href":"https:\/\/www.oblikov.com\/sl\/wp-json\/wp\/v2\/pages\/7045\/revisions"}],"predecessor-version":[{"id":7306,"href":"https:\/\/www.oblikov.com\/sl\/wp-json\/wp\/v2\/pages\/7045\/revisions\/7306"}],"wp:attachment":[{"href":"https:\/\/www.oblikov.com\/sl\/wp-json\/wp\/v2\/media?parent=7045"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}