{"id":31,"date":"2026-10-05T20:06:48","date_gmt":"2026-10-05T20:06:48","guid":{"rendered":"https:\/\/danubiussystems.com\/?page_id=31"},"modified":"2026-10-05T21:49:20","modified_gmt":"2026-10-05T21:49:20","slug":"proba","status":"publish","type":"page","link":"https:\/\/danubiussystems.com\/index.php\/proba\/","title":{"rendered":"PO\u010cETNA"},"content":{"rendered":"
\n\t\n
\n\t\n\n
<style>\n\/* =========================================================\n   DANUBIUS SYSTEMS \u2014 COMPLETE HOMEPAGE\n   ========================================================= *\/\n\n.ds-site,\n.ds-site * {\n    box-sizing: border-box;\n}\n\n.ds-site {\n    --ds-bg: #071019;\n    --ds-bg2: #0d1722;\n    --ds-card: #101d29;\n    --ds-blue: #18b7f2;\n    --ds-blue2: #087fc0;\n    --ds-cyan: #52ddff;\n    --ds-white: #ffffff;\n    --ds-text: #d7e2ea;\n    --ds-muted: #8fa1ae;\n    --ds-border: rgba(255,255,255,.10);\n    --ds-shadow: 0 25px 80px rgba(0,0,0,.28);\n\n    width: 100%;\n    max-width: 1400px;\n    margin: 0 auto;\n    font-family: Arial, Helvetica, sans-serif;\n    color: var(--ds-white);\n    background: var(--ds-bg);\n    line-height: 1.6;\n    overflow: hidden;\n    border-radius: 18px;\n}\n\n\/* ---------- GLOBAL ---------- *\/\n\n.ds-site a {\n    color: inherit;\n    text-decoration: none;\n}\n\n.ds-container {\n    width: min(1180px, calc(100% - 40px));\n    margin: 0 auto;\n}\n\n.ds-kicker {\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n    padding: 8px 13px;\n    border: 1px solid rgba(82,221,255,.25);\n    background: rgba(24,183,242,.08);\n    border-radius: 999px;\n    color: var(--ds-cyan);\n    font-size: 12px;\n    font-weight: 800;\n    letter-spacing: 1.8px;\n    text-transform: uppercase;\n}\n\n.ds-kicker::before {\n    content: \"\";\n    width: 7px;\n    height: 7px;\n    border-radius: 50%;\n    background: var(--ds-cyan);\n    box-shadow: 0 0 14px var(--ds-cyan);\n}\n\n.ds-section {\n    padding: 100px 0;\n    position: relative;\n}\n\n.ds-section-title {\n    max-width: 760px;\n    margin: 0 auto 55px;\n    text-align: center;\n}\n\n.ds-section-title h2 {\n    margin: 15px 0;\n    font-size: clamp(34px, 5vw, 54px);\n    line-height: 1.05;\n    letter-spacing: -1.5px;\n}\n\n.ds-section-title p {\n    margin: 0;\n    color: var(--ds-muted);\n    font-size: 18px;\n}\n\n.ds-gradient-text {\n    background: linear-gradient(90deg,#fff,#52ddff,#18b7f2);\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n}\n\n\/* ---------- HEADER ---------- *\/\n\n.ds-header {\n    position: sticky;\n    top: 0;\n    z-index: 50;\n    background: rgba(7,16,25,.78);\n    backdrop-filter: blur(18px);\n    -webkit-backdrop-filter: blur(18px);\n    border-bottom: 1px solid rgba(255,255,255,.08);\n}\n\n.ds-nav {\n    min-height: 74px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 20px;\n}\n\n.ds-logo {\n    display: flex;\n    align-items: center;\n    gap: 11px;\n    flex-shrink: 0;\n}\n\n.ds-logo-mark {\n    width: 42px;\n    height: 42px;\n    border-radius: 12px;\n    display: grid;\n    place-items: center;\n    position: relative;\n    overflow: hidden;\n    background: linear-gradient(135deg,#21c7ff,#075f9b);\n    box-shadow: 0 0 30px rgba(24,183,242,.28);\n}\n\n.ds-logo-mark::after {\n    content: \"D\";\n    color: white;\n    font-size: 27px;\n    font-weight: 900;\n    font-style: italic;\n}\n\n.ds-logo-text strong {\n    display: block;\n    font-size: 16px;\n    letter-spacing: 2px;\n}\n\n.ds-logo-text span {\n    display: block;\n    margin-top: -2px;\n    color: var(--ds-cyan);\n    font-size: 10px;\n    letter-spacing: 3px;\n}\n\n.ds-nav-links {\n    display: flex;\n    align-items: center;\n    gap: 24px;\n}\n\n.ds-nav-links a {\n    color: #c4d0d8;\n    font-size: 14px;\n    font-weight: 700;\n    transition: .25s ease;\n}\n\n.ds-nav-links a:hover {\n    color: var(--ds-cyan);\n}\n\n.ds-cart {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 14px;\n    border: 1px solid rgba(82,221,255,.24);\n    background: rgba(24,183,242,.08);\n    border-radius: 10px;\n    font-size: 13px;\n    font-weight: 800;\n    white-space: nowrap;\n}\n\n.ds-cart:hover {\n    border-color: rgba(82,221,255,.55);\n    background: rgba(24,183,242,.15);\n}\n\n.ds-cart-count {\n    min-width: 21px;\n    height: 21px;\n    padding: 0 5px;\n    display: inline-grid;\n    place-items: center;\n    background: var(--ds-blue);\n    color: #03111a;\n    border-radius: 50%;\n    font-size: 11px;\n    font-weight: 900;\n}\n\n\/* ---------- HERO ---------- *\/\n\n.ds-hero {\n    position: relative;\n    min-height: 720px;\n    display: flex;\n    align-items: center;\n    overflow: hidden;\n    background:\n        radial-gradient(circle at 72% 40%, rgba(24,183,242,.20), transparent 25%),\n        radial-gradient(circle at 15% 10%, rgba(0,102,180,.19), transparent 28%),\n        linear-gradient(125deg,#050b11 0%,#09121b 48%,#0a1721 100%);\n}\n\n.ds-hero::before {\n    content: \"\";\n    position: absolute;\n    width: 650px;\n    height: 650px;\n    right: -220px;\n    top: -220px;\n    border-radius: 50%;\n    border: 1px solid rgba(82,221,255,.08);\n    box-shadow:\n        0 0 0 80px rgba(82,221,255,.025),\n        0 0 0 160px rgba(82,221,255,.015);\n}\n\n.ds-hero-grid {\n    display: grid;\n    grid-template-columns: 1.05fr .95fr;\n    align-items: center;\n    gap: 55px;\n    position: relative;\n    z-index: 2;\n}\n\n.ds-hero-copy h1 {\n    margin: 18px 0 22px;\n    max-width: 720px;\n    font-size: clamp(48px, 7vw, 82px);\n    line-height: .98;\n    letter-spacing: -4px;\n}\n\n.ds-hero-copy p {\n    max-width: 650px;\n    margin: 0 0 30px;\n    color: var(--ds-text);\n    font-size: 19px;\n}\n\n.ds-hero-actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n}\n\n.ds-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    min-height: 50px;\n    padding: 0 20px;\n    border-radius: 10px;\n    font-size: 14px;\n    font-weight: 900;\n    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;\n}\n\n.ds-btn-primary {\n    color: #03111a !important;\n    background: linear-gradient(135deg,#52ddff,#18b7f2);\n    box-shadow: 0 12px 30px rgba(24,183,242,.22);\n}\n\n.ds-btn-primary:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 18px 40px rgba(24,183,242,.34);\n}\n\n.ds-btn-ghost {\n    border: 1px solid rgba(255,255,255,.16);\n    color: white !important;\n    background: rgba(255,255,255,.04);\n}\n\n.ds-btn-ghost:hover {\n    transform: translateY(-3px);\n    border-color: rgba(82,221,255,.45);\n}\n\n.ds-hero-meta {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 18px;\n    margin-top: 35px;\n}\n\n.ds-hero-meta-item {\n    color: #aebdc7;\n    font-size: 13px;\n}\n\n.ds-hero-meta-item strong {\n    display: block;\n    color: white;\n    font-size: 15px;\n}\n\n\/* HERO IMAGE *\/\n\n.ds-hero-visual {\n    position: relative;\n}\n\n.ds-photo-frame {\n    position: relative;\n    min-height: 530px;\n    padding: 10px;\n    border-radius: 25px;\n    overflow: hidden;\n    background: linear-gradient(135deg,rgba(82,221,255,.42),rgba(24,183,242,.06),rgba(255,255,255,.08));\n    box-shadow: var(--ds-shadow);\n}\n\n.ds-photo-frame::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(140deg,rgba(82,221,255,.12),transparent 35%,rgba(0,0,0,.28));\n    pointer-events: none;\n    z-index: 2;\n}\n\n.ds-photo-frame img {\n    width: 100%;\n    height: 100%;\n    min-height: 510px;\n    object-fit: cover;\n    display: block;\n    border-radius: 18px;\n}\n\n.ds-photo-frame.ds-fallback {\n    display: grid;\n    place-items: center;\n    background:\n        radial-gradient(circle at 60% 40%,rgba(82,221,255,.16),transparent 25%),\n        linear-gradient(145deg,#102938,#061019);\n}\n\n.ds-photo-frame.ds-fallback img {\n    display: none;\n}\n\n.ds-fallback-content {\n    position: absolute;\n    inset: 0;\n    display: grid;\n    place-items: center;\n    text-align: center;\n    padding: 40px;\n}\n\n.ds-fallback-content strong {\n    font-size: 42px;\n    line-height: 1;\n}\n\n.ds-fallback-content span {\n    display: block;\n    margin-top: 12px;\n    color: var(--ds-cyan);\n    letter-spacing: 2px;\n}\n\n.ds-floating-card {\n    position: absolute;\n    z-index: 5;\n    left: -25px;\n    bottom: 35px;\n    width: 235px;\n    padding: 18px;\n    border: 1px solid rgba(255,255,255,.13);\n    border-radius: 16px;\n    background: rgba(8,17,25,.76);\n    backdrop-filter: blur(16px);\n    -webkit-backdrop-filter: blur(16px);\n    box-shadow: 0 18px 50px rgba(0,0,0,.35);\n}\n\n.ds-floating-card small {\n    color: var(--ds-muted);\n    display: block;\n}\n\n.ds-floating-card strong {\n    display: block;\n    margin-top: 5px;\n    font-size: 18px;\n}\n\n\/* ---------- TRUST STRIP ---------- *\/\n\n.ds-trust {\n    border-top: 1px solid rgba(255,255,255,.07);\n    border-bottom: 1px solid rgba(255,255,255,.07);\n    background: #09131d;\n}\n\n.ds-trust-grid {\n    display: grid;\n    grid-template-columns: repeat(4,1fr);\n}\n\n.ds-trust-item {\n    padding: 22px 20px;\n    text-align: center;\n    border-right: 1px solid rgba(255,255,255,.07);\n}\n\n.ds-trust-item:last-child {\n    border-right: 0;\n}\n\n.ds-trust-item strong {\n    display: block;\n    font-size: 14px;\n}\n\n.ds-trust-item span {\n    color: var(--ds-muted);\n    font-size: 12px;\n}\n\n\/* ---------- SERVICES ---------- *\/\n\n.ds-services-bg {\n    background:\n        linear-gradient(180deg,#071019,#09141e);\n}\n\n.ds-services {\n    display: grid;\n    grid-template-columns: repeat(3,1fr);\n    gap: 18px;\n}\n\n.ds-service {\n    position: relative;\n    padding: 28px;\n    min-height: 250px;\n    overflow: hidden;\n    border: 1px solid var(--ds-border);\n    border-radius: 18px;\n    background:\n        linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));\n    transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;\n}\n\n.ds-service::after {\n    content: \"\";\n    position: absolute;\n    width: 160px;\n    height: 160px;\n    right: -80px;\n    bottom: -90px;\n    border-radius: 50%;\n    background: rgba(24,183,242,.09);\n    transition: .35s ease;\n}\n\n.ds-service:hover {\n    transform: translateY(-8px);\n    border-color: rgba(82,221,255,.35);\n    box-shadow: 0 20px 50px rgba(0,0,0,.24);\n}\n\n.ds-service:hover::after {\n    width: 230px;\n    height: 230px;\n}\n\n.ds-service-icon {\n    width: 48px;\n    height: 48px;\n    display: grid;\n    place-items: center;\n    border-radius: 13px;\n    background: rgba(24,183,242,.10);\n    border: 1px solid rgba(82,221,255,.20);\n    color: var(--ds-cyan);\n    font-size: 22px;\n    margin-bottom: 20px;\n}\n\n.ds-service h3 {\n    margin: 0 0 9px;\n    font-size: 21px;\n}\n\n.ds-service p {\n    margin: 0;\n    color: var(--ds-muted);\n    font-size: 14px;\n}\n\n.ds-service-tag {\n    position: absolute;\n    right: 18px;\n    top: 18px;\n    font-size: 10px;\n    color: var(--ds-cyan);\n    text-transform: uppercase;\n    letter-spacing: 1.4px;\n    font-weight: 800;\n}\n\n\/* ---------- FEATURE ---------- *\/\n\n.ds-feature {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n    align-items: center;\n}\n\n.ds-feature-image {\n    position: relative;\n    min-height: 520px;\n    border-radius: 22px;\n    overflow: hidden;\n    background: #0d1c28;\n    border: 1px solid var(--ds-border);\n}\n\n.ds-feature-image img {\n    width: 100%;\n    height: 100%;\n    min-height: 520px;\n    display: block;\n    object-fit: cover;\n}\n\n.ds-feature-badge {\n    position: absolute;\n    left: 20px;\n    bottom: 20px;\n    right: 20px;\n    padding: 16px;\n    border-radius: 14px;\n    border: 1px solid rgba(255,255,255,.10);\n    background: rgba(7,16,25,.75);\n    backdrop-filter: blur(14px);\n}\n\n.ds-feature-copy h2 {\n    margin: 15px 0 20px;\n    font-size: clamp(35px,4vw,56px);\n    line-height: 1;\n    letter-spacing: -2px;\n}\n\n.ds-feature-copy p {\n    color: var(--ds-muted);\n    font-size: 17px;\n}\n\n.ds-checks {\n    margin: 25px 0 30px;\n    display: grid;\n    gap: 13px;\n}\n\n.ds-check {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    color: #d9e4eb;\n    font-size: 14px;\n}\n\n.ds-check i {\n    width: 24px;\n    height: 24px;\n    flex: 0 0 24px;\n    display: grid;\n    place-items: center;\n    border-radius: 50%;\n    background: rgba(24,183,242,.13);\n    color: var(--ds-cyan);\n    font-style: normal;\n    font-weight: 900;\n}\n\n\/* ---------- FIELD ---------- *\/\n\n.ds-field {\n    background:\n        radial-gradient(circle at 75% 40%,rgba(24,183,242,.16),transparent 30%),\n        linear-gradient(135deg,#0c1a25,#071019);\n}\n\n.ds-field-inner {\n    display: grid;\n    grid-template-columns: 1fr .85fr;\n    gap: 55px;\n    align-items: center;\n}\n\n.ds-field h2 {\n    margin: 16px 0;\n    font-size: clamp(38px,5vw,62px);\n    line-height: 1;\n    letter-spacing: -2px;\n}\n\n.ds-field p {\n    max-width: 690px;\n    color: var(--ds-text);\n    font-size: 17px;\n}\n\n.ds-area {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n    margin: 25px 0 30px;\n}\n\n.ds-area span {\n    padding: 9px 13px;\n    border: 1px solid rgba(255,255,255,.10);\n    border-radius: 999px;\n    background: rgba(255,255,255,.035);\n    color: #d2dfe7;\n    font-size: 12px;\n}\n\n.ds-field-card {\n    padding: 28px;\n    border: 1px solid rgba(255,255,255,.10);\n    border-radius: 20px;\n    background: rgba(255,255,255,.045);\n    backdrop-filter: blur(12px);\n}\n\n.ds-field-card-row {\n    display: flex;\n    gap: 15px;\n    padding: 15px 0;\n    border-bottom: 1px solid rgba(255,255,255,.07);\n}\n\n.ds-field-card-row:last-child {\n    border-bottom: 0;\n}\n\n.ds-field-card-row b {\n    color: var(--ds-cyan);\n    font-size: 20px;\n}\n\n.ds-field-card-row span strong {\n    display: block;\n    color: white;\n}\n\n.ds-field-card-row span small {\n    color: var(--ds-muted);\n}\n\n\/* ---------- PROCESS ---------- *\/\n\n.ds-process {\n    display: grid;\n    grid-template-columns: repeat(4,1fr);\n    gap: 18px;\n}\n\n.ds-process-card {\n    position: relative;\n    padding: 30px 24px;\n    min-height: 220px;\n    border: 1px solid var(--ds-border);\n    border-radius: 18px;\n    background: rgba(255,255,255,.025);\n}\n\n.ds-process-number {\n    font-size: 54px;\n    line-height: 1;\n    font-weight: 900;\n    color: rgba(82,221,255,.16);\n}\n\n.ds-process-card h3 {\n    margin: 20px 0 8px;\n    font-size: 19px;\n}\n\n.ds-process-card p {\n    margin: 0;\n    color: var(--ds-muted);\n    font-size: 14px;\n}\n\n\/* ---------- WEB ---------- *\/\n\n.ds-web {\n    background: #061019;\n}\n\n.ds-web-grid {\n    display: grid;\n    grid-template-columns: .9fr 1.1fr;\n    gap: 50px;\n    align-items: center;\n}\n\n.ds-web-image {\n    position: relative;\n    min-height: 460px;\n    overflow: hidden;\n    border-radius: 22px;\n    border: 1px solid var(--ds-border);\n}\n\n.ds-web-image img {\n    width: 100%;\n    height: 100%;\n    min-height: 460px;\n    display: block;\n    object-fit: cover;\n}\n\n.ds-web-copy h2 {\n    margin: 15px 0;\n    font-size: clamp(36px,4.5vw,58px);\n    line-height: 1;\n    letter-spacing: -2px;\n}\n\n.ds-web-copy p {\n    color: var(--ds-muted);\n    font-size: 17px;\n}\n\n.ds-web-services {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 10px;\n    margin: 25px 0 30px;\n}\n\n.ds-web-service {\n    padding: 13px 15px;\n    border-radius: 11px;\n    border: 1px solid rgba(255,255,255,.08);\n    background: rgba(255,255,255,.025);\n    color: #dce6ed;\n    font-size: 13px;\n}\n\n\/* ---------- SHOP \/ CART ---------- *\/\n\n.ds-shop {\n    background:\n        radial-gradient(circle at 50% 0%,rgba(24,183,242,.12),transparent 32%),\n        #09131d;\n}\n\n.ds-shop-grid {\n    display: grid;\n    grid-template-columns: repeat(3,1fr);\n    gap: 18px;\n}\n\n.ds-shop-card {\n    padding: 27px;\n    border: 1px solid var(--ds-border);\n    border-radius: 18px;\n    background: rgba(255,255,255,.035);\n}\n\n.ds-shop-label {\n    color: var(--ds-cyan);\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: 1.6px;\n    text-transform: uppercase;\n}\n\n.ds-shop-card h3 {\n    margin: 12px 0;\n    font-size: 22px;\n}\n\n.ds-shop-card p {\n    margin: 0 0 20px;\n    color: var(--ds-muted);\n    font-size: 14px;\n}\n\n\/* ---------- CTA ---------- *\/\n\n.ds-cta {\n    position: relative;\n    overflow: hidden;\n    padding: 95px 25px;\n    text-align: center;\n    background:\n        radial-gradient(circle at 50% 45%,rgba(24,183,242,.20),transparent 27%),\n        linear-gradient(135deg,#0b1823,#061019);\n}\n\n.ds-cta::before,\n.ds-cta::after {\n    content: \"\";\n    position: absolute;\n    width: 300px;\n    height: 300px;\n    border: 1px solid rgba(82,221,255,.08);\n    border-radius: 50%;\n}\n\n.ds-cta::before {\n    left: -150px;\n    top: -150px;\n}\n\n.ds-cta::after {\n    right: -150px;\n    bottom: -150px;\n}\n\n.ds-cta-inner {\n    position: relative;\n    z-index: 2;\n}\n\n.ds-cta h2 {\n    margin: 0 0 15px;\n    font-size: clamp(40px,6vw,68px);\n    line-height: 1;\n    letter-spacing: -3px;\n}\n\n.ds-cta p {\n    max-width: 680px;\n    margin: 0 auto 30px;\n    color: var(--ds-muted);\n    font-size: 18px;\n}\n\n.ds-contact-line {\n    margin-top: 27px;\n    display: flex;\n    justify-content: center;\n    flex-wrap: wrap;\n    gap: 12px 25px;\n    color: #aebbc4;\n    font-size: 14px;\n}\n\n.ds-contact-line a {\n    color: var(--ds-cyan);\n}\n\n\/* ---------- FOOTER ---------- *\/\n\n.ds-footer {\n    padding: 28px 0;\n    background: #050b11;\n    border-top: 1px solid rgba(255,255,255,.07);\n}\n\n.ds-footer-inner {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 20px;\n    color: #7f919e;\n    font-size: 12px;\n}\n\n.ds-footer-brand {\n    color: white;\n    font-weight: 800;\n    letter-spacing: 1.5px;\n}\n\n\/* ---------- FLOATING CALL ---------- *\/\n\n.ds-floating-call {\n    position: fixed;\n    right: 20px;\n    bottom: 20px;\n    z-index: 80;\n    width: 54px;\n    height: 54px;\n    display: grid;\n    place-items: center;\n    border-radius: 50%;\n    background: linear-gradient(135deg,#52ddff,#18b7f2);\n    color: #03111a !important;\n    font-size: 23px;\n    box-shadow: 0 12px 35px rgba(24,183,242,.32);\n    transition: transform .2s ease;\n}\n\n.ds-floating-call:hover {\n    transform: scale(1.08);\n}\n\n\/* ---------- SCROLL REVEAL ---------- *\/\n\n.ds-reveal {\n    opacity: 0;\n    transform: translateY(35px);\n    transition: opacity .75s ease, transform .75s ease;\n}\n\n.ds-reveal.ds-visible {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n\/* ---------- RESPONSIVE ---------- *\/\n\n@media (max-width: 1000px) {\n\n    .ds-nav-links a:not(:last-child) {\n        display: none;\n    }\n\n    .ds-hero-grid,\n    .ds-feature,\n    .ds-field-inner,\n    .ds-web-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .ds-hero {\n        padding: 80px 0;\n    }\n\n    .ds-hero-visual {\n        order: -1;\n    }\n\n    .ds-services {\n        grid-template-columns: 1fr 1fr;\n    }\n\n    .ds-process {\n        grid-template-columns: 1fr 1fr;\n    }\n\n}\n\n@media (max-width: 700px) {\n\n    .ds-container {\n        width: min(100% - 28px,1180px);\n    }\n\n    .ds-section {\n        padding: 75px 0;\n    }\n\n    .ds-hero {\n        min-height: auto;\n        padding: 60px 0 70px;\n    }\n\n    .ds-hero-copy h1 {\n        letter-spacing: -2px;\n    }\n\n    .ds-photo-frame,\n    .ds-photo-frame img {\n        min-height: 380px;\n    }\n\n    .ds-floating-card {\n        left: 15px;\n        bottom: 15px;\n    }\n\n    .ds-trust-grid {\n        grid-template-columns: 1fr 1fr;\n    }\n\n    .ds-trust-item:nth-child(2) {\n        border-right: 0;\n    }\n\n    .ds-trust-item:nth-child(-n+2) {\n        border-bottom: 1px solid rgba(255,255,255,.07);\n    }\n\n    .ds-services,\n    .ds-process,\n    .ds-shop-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .ds-web-services {\n        grid-template-columns: 1fr;\n    }\n\n    .ds-feature-image,\n    .ds-feature-image img,\n    .ds-web-image,\n    .ds-web-image img {\n        min-height: 330px;\n    }\n\n    .ds-footer-inner {\n        flex-direction: column;\n        text-align: center;\n    }\n\n}\n\n@media (max-width: 480px) {\n\n    .ds-nav {\n        min-height: 65px;\n    }\n\n    .ds-logo-text {\n        display: none;\n    }\n\n    .ds-cart {\n        padding: 8px 11px;\n    }\n\n    .ds-hero-copy p {\n        font-size: 16px;\n    }\n\n    .ds-hero-actions .ds-btn {\n        width: 100%;\n    }\n\n    .ds-floating-card {\n        width: calc(100% - 30px);\n    }\n\n}\n<\/style>\n\n\n<div class=\"ds-site\">\n\n    <!-- HEADER -->\n\n    <header class=\"ds-header\">\n\n        <div class=\"ds-container ds-nav\">\n\n            <a href=\"\/\" class=\"ds-logo\">\n\n                <span class=\"ds-logo-mark\"><\/span>\n\n                <span class=\"ds-logo-text\">\n                    <strong>DANUBIUS<\/strong>\n                    <span>SYSTEMS<\/span>\n                <\/span>\n\n            <\/a>\n\n            <nav class=\"ds-nav-links\">\n\n                <a href=\"#usluge\">Usluge<\/a>\n                <a href=\"#teren\">Teren<\/a>\n                <a href=\"#web\">Web<\/a>\n                <a href=\"#kontakt\">Kontakt<\/a>\n\n                <a href=\"\/korpa\/\" class=\"ds-cart\">\n                    \ud83d\uded2 Korpa\n                    <span class=\"ds-cart-count\">0<\/span>\n                <\/a>\n\n            <\/nav>\n\n        <\/div>\n\n    <\/header>\n\n\n    <!-- HERO -->\n\n    <section class=\"ds-hero\">\n\n        <div class=\"ds-container ds-hero-grid\">\n\n            <div class=\"ds-hero-copy ds-reveal\">\n\n                <span class=\"ds-kicker\">\n                    IT SERVIS \u2022 TEREN \u2022 WEB \u2022 SERVERI\n                <\/span>\n\n                <h1>\n                    IT podr\u0161ka\n                    <span class=\"ds-gradient-text\">\n                        koja dolazi do vas.\n                    <\/span>\n                <\/h1>\n\n                <p>\n                    Danubius Systems re\u0161ava ra\u010dunarske, mre\u017ene,\n                    softverske i druge svakodnevne IT probleme \u2014\n                    u servisu ili na va\u0161oj adresi.\n                <\/p>\n\n                <div class=\"ds-hero-actions\">\n\n                    <a href=\"tel:+381655327275\"\n                       class=\"ds-btn ds-btn-primary\">\n                        \u260e Pozovite nas\n                    <\/a>\n\n                    <a href=\"#usluge\"\n                       class=\"ds-btn ds-btn-ghost\">\n                        Pogledajte usluge \u2192\n                    <\/a>\n\n                <\/div>\n\n                <div class=\"ds-hero-meta\">\n\n                    <div class=\"ds-hero-meta-item\">\n                        <strong>Servis<\/strong>\n                        Ra\u010dunari i laptopovi\n                    <\/div>\n\n                    <div class=\"ds-hero-meta-item\">\n                        <strong>Teren<\/strong>\n                        Dolazak na adresu\n                    <\/div>\n\n                    <div class=\"ds-hero-meta-item\">\n                        <strong>Online<\/strong>\n                        Web i serveri\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"ds-hero-visual ds-reveal\">\n\n                <div class=\"ds-photo-frame\"\n                     data-image-box>\n\n                    <!--\n                    HERO SLIKA:\n                    Danubius Systems: IT servis na terenu.png\n                    OVDE UBACI WORDPRESS URL TE SLIKE\n                    -->\n\n                    <img\n                        src=\"https:\/\/danubiussystems.com\/wp-content\/uploads\/2026\/10\/Danubius-Systems-IT-Servis-na-Terenu-1.png\"\n                        alt=\"Danubius Systems IT servis na terenu\"\n                        loading=\"eager\"\n                        onerror=\"this.closest('[data-image-box]').classList.add('ds-fallback');\">\n\n                    <div class=\"ds-fallback-content\">\n                        <div>\n                            <strong>DANUBIUS<br>SYSTEMS<\/strong>\n                            <span>IT SERVIS NA TERENU<\/span>\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n\n\n                <div class=\"ds-floating-card\">\n\n                    <small>Direktna podr\u0161ka<\/small>\n\n                    <strong>\n                        Od ra\u010dunara do servera.\n                    <\/strong>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- TRUST -->\n\n    <section class=\"ds-trust\">\n\n        <div class=\"ds-container ds-trust-grid\">\n\n            <div class=\"ds-trust-item\">\n                <strong>IT servis<\/strong>\n                <span>Dijagnostika i odr\u017eavanje<\/span>\n            <\/div>\n\n            <div class=\"ds-trust-item\">\n                <strong>Terenska podr\u0161ka<\/strong>\n                <span>Intervencije na adresi<\/span>\n            <\/div>\n\n            <div class=\"ds-trust-item\">\n                <strong>Web & hosting<\/strong>\n                <span>WordPress i online re\u0161enja<\/span>\n            <\/div>\n\n            <div class=\"ds-trust-item\">\n                <strong>Poslovna podr\u0161ka<\/strong>\n                <span>Za firme i preduzetnike<\/span>\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- SERVICES -->\n\n    <section class=\"ds-section ds-services-bg\" id=\"usluge\">\n\n        <div class=\"ds-container\">\n\n            <div class=\"ds-section-title ds-reveal\">\n\n                <span class=\"ds-kicker\">\n                    \u0160TA RADIMO\n                <\/span>\n\n                <h2>\n                    Jedan partner za\n                    <span class=\"ds-gradient-text\">IT.<\/span>\n                <\/h2>\n\n                <p>\n                    Od jednostavnog problema na ra\u010dunaru do\n                    kompletne tehni\u010dke podr\u0161ke za malo poslovanje.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"ds-services\">\n\n\n                <article class=\"ds-service ds-reveal\">\n\n                    <span class=\"ds-service-tag\">\n                        01\n                    <\/span>\n\n                    <div class=\"ds-service-icon\">\ud83d\udcbb<\/div>\n\n                    <h3>\n                        Servis ra\u010dunara\n                    <\/h3>\n\n                    <p>\n                        Dijagnostika, instalacija, \u010di\u0161\u0107enje,\n                        optimizacija, nadogradnja i re\u0161avanje\n                        softverskih i hardverskih problema.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"ds-service ds-reveal\">\n\n                    <span class=\"ds-service-tag\">\n                        02\n                    <\/span>\n\n                    <div class=\"ds-service-icon\">\ud83d\udee0<\/div>\n\n                    <h3>\n                        Terenska IT podr\u0161ka\n                    <\/h3>\n\n                    <p>\n                        Dolazak na adresu korisnika kada je problem\n                        mogu\u0107e re\u0161iti na licu mesta.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"ds-service ds-reveal\">\n\n                    <span class=\"ds-service-tag\">\n                        03\n                    <\/span>\n\n                    <div class=\"ds-service-icon\">\ud83c\udf10<\/div>\n\n                    <h3>\n                        Mre\u017ee i Wi-Fi\n                    <\/h3>\n\n                    <p>\n                        Ruteri, Wi-Fi, LAN, povezivanje ure\u0111aja,\n                        mre\u017eni problemi i osnovno kabliranje.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"ds-service ds-reveal\">\n\n                    <span class=\"ds-service-tag\">\n                        04\n                    <\/span>\n\n                    <div class=\"ds-service-icon\">\ud83d\udda5<\/div>\n\n                    <h3>\n                        Ra\u010dunari i oprema\n                    <\/h3>\n\n                    <p>\n                        Sklapanje, nadogradnja i izbor ra\u010dunara\n                        i komponenti prema realnim potrebama.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"ds-service ds-reveal\">\n\n                    <span class=\"ds-service-tag\">\n                        05\n                    <\/span>\n\n                    <div class=\"ds-service-icon\">\ud83d\udd10<\/div>\n\n                    <h3>\n                        Softver i bezbednost\n                    <\/h3>\n\n                    <p>\n                        Instalacije programa, drajveri, a\u017euriranja,\n                        za\u0161tita sistema i re\u0161avanje softverskih problema.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"ds-service ds-reveal\">\n\n                    <span class=\"ds-service-tag\">\n                        06\n                    <\/span>\n\n                    <div class=\"ds-service-icon\">\u2601<\/div>\n\n                    <h3>\n                        Hosting i VPS\n                    <\/h3>\n\n                    <p>\n                        Hosting, VPS, domeni, SSL, DNS i osnovna\n                        administracija servera.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"ds-service ds-reveal\">\n\n                    <span class=\"ds-service-tag\">\n                        07\n                    <\/span>\n\n                    <div class=\"ds-service-icon\">\u25c9<\/div>\n\n                    <h3>\n                        Web dizajn\n                    <\/h3>\n\n                    <p>\n                        Poslovni WordPress sajtovi, prezentacije,\n                        landing stranice i odr\u017eavanje.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"ds-service ds-reveal\">\n\n                    <span class=\"ds-service-tag\">\n                        08\n                    <\/span>\n\n                    <div class=\"ds-service-icon\">\u25a3<\/div>\n\n                    <h3>\n                        IT podr\u0161ka za firme\n                    <\/h3>\n\n                    <p>\n                        Redovno odr\u017eavanje, udaljena podr\u0161ka\n                        i intervencije prema potrebama poslovanja.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"ds-service ds-reveal\">\n\n                    <span class=\"ds-service-tag\">\n                        09\n                    <\/span>\n\n                    <div class=\"ds-service-icon\">\ud83d\udda8<\/div>\n\n                    <h3>\n                        Printeri i periferija\n                    <\/h3>\n\n                    <p>\n                        Instalacija, konfiguracija i re\u0161avanje\n                        problema sa \u0161tampom i perifernim ure\u0111ajima.\n                    <\/p>\n\n                <\/article>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- COMPUTER SERVICE -->\n\n    <section class=\"ds-section\">\n\n        <div class=\"ds-container ds-feature\">\n\n            <div class=\"ds-feature-image ds-reveal\">\n\n                <img\n                    src=\"https:\/\/danubiussystems.com\/wp-content\/uploads\/2026\/10\/Servis-desktop-racunara-\u2013-Danubius-Systems.png\"\n                    alt=\"Danubius Systems servis desktop ra\u010dunara\"\n                    loading=\"lazy\"\n                    onerror=\"this.style.display='none';\">\n\n                <div class=\"ds-feature-badge\">\n                    <strong>\n                        Dijagnostika pre rada.\n                    <\/strong>\n\n                    <small>\n                        Prvo utvr\u0111ujemo problem, zatim dogovaramo re\u0161enje.\n                    <\/small>\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"ds-feature-copy ds-reveal\">\n\n                <span class=\"ds-kicker\">\n                    SERVIS\n                <\/span>\n\n                <h2>\n                    Ne menjamo\n                    <span class=\"ds-gradient-text\">\n                        napamet.\n                    <\/span>\n                <\/h2>\n\n                <p>\n                    Cilj servisa nije da se naplati \u0161to vi\u0161e delova\n                    i radova, ve\u0107 da se problem pravilno utvrdi\n                    i re\u0161i u dogovorenom obimu.\n                <\/p>\n\n                <div class=\"ds-checks\">\n\n                    <div class=\"ds-check\">\n                        <i>\u2713<\/i>\n                        Dijagnostika i procena problema\n                    <\/div>\n\n                    <div class=\"ds-check\">\n                        <i>\u2713<\/i>\n                        Dogovor pre dodatnih radova\n                    <\/div>\n\n                    <div class=\"ds-check\">\n                        <i>\u2713<\/i>\n                        Jasna komunikacija o tro\u0161kovima\n                    <\/div>\n\n                    <div class=\"ds-check\">\n                        <i>\u2713<\/i>\n                        Testiranje nakon intervencije\n                    <\/div>\n\n                <\/div>\n\n                <a href=\"tel:+381655327275\"\n                   class=\"ds-btn ds-btn-primary\">\n                    Zaka\u017eite servis\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- FIELD -->\n\n    <section class=\"ds-section ds-field\" id=\"teren\">\n\n        <div class=\"ds-container ds-field-inner\">\n\n            <div class=\"ds-reveal\">\n\n                <span class=\"ds-kicker\">\n                    TERENSKA PODR\u0160KA\n                <\/span>\n\n                <h2>\n                    Kada ne mo\u017eete\n                    do servisa \u2014\n                    <span class=\"ds-gradient-text\">\n                        servis dolazi vama.\n                    <\/span>\n                <\/h2>\n\n                <p>\n                    Mnogo IT problema nema potrebe re\u0161avati\n                    dono\u0161enjem ra\u010dunara u radionicu. Kada je\n                    mogu\u0107e, problem re\u0161avamo direktno na adresi.\n                <\/p>\n\n                <div class=\"ds-area\">\n\n                    <span>Smederevo<\/span>\n                    <span>Po\u017earevac<\/span>\n                    <span>Kovin<\/span>\n                    <span>Velika Plana<\/span>\n                    <span>Okolina<\/span>\n\n                <\/div>\n\n                <a href=\"tel:+381655327275\"\n                   class=\"ds-btn ds-btn-primary\">\n                    Pozovite za termin\n                <\/a>\n\n            <\/div>\n\n\n            <div class=\"ds-field-card ds-reveal\">\n\n                <div class=\"ds-field-card-row\">\n                    <b>01<\/b>\n                    <span>\n                        <strong>Opi\u0161ete problem<\/strong>\n                        <small>Telefon, poruka ili email.<\/small>\n                    <\/span>\n                <\/div>\n\n                <div class=\"ds-field-card-row\">\n                    <b>02<\/b>\n                    <span>\n                        <strong>Dogovaramo termin<\/strong>\n                        <small>Procena na\u010dina intervencije.<\/small>\n                    <\/span>\n                <\/div>\n\n                <div class=\"ds-field-card-row\">\n                    <b>03<\/b>\n                    <span>\n                        <strong>Dolazimo na adresu<\/strong>\n                        <small>Kada je terenska intervencija odgovaraju\u0107a.<\/small>\n                    <\/span>\n                <\/div>\n\n                <div class=\"ds-field-card-row\">\n                    <b>04<\/b>\n                    <span>\n                        <strong>Proveravamo rezultat<\/strong>\n                        <small>Sistem se proverava nakon rada.<\/small>\n                    <\/span>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- PROCESS -->\n\n    <section class=\"ds-section\">\n\n        <div class=\"ds-container\">\n\n            <div class=\"ds-section-title ds-reveal\">\n\n                <span class=\"ds-kicker\">\n                    JEDNOSTAVNO\n                <\/span>\n\n                <h2>\n                    Kako radimo?\n                <\/h2>\n\n                <p>\n                    Bez nepotrebnog komplikovanja.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"ds-process\">\n\n                <div class=\"ds-process-card ds-reveal\">\n                    <div class=\"ds-process-number\">01<\/div>\n                    <h3>Kontakt<\/h3>\n                    <p>\n                        Opi\u0161ete nam problem i \u0161ta vam je potrebno.\n                    <\/p>\n                <\/div>\n\n                <div class=\"ds-process-card ds-reveal\">\n                    <div class=\"ds-process-number\">02<\/div>\n                    <h3>Procena<\/h3>\n                    <p>\n                        Utvr\u0111ujemo \u0161ta je najprakti\u010dnije re\u0161enje.\n                    <\/p>\n                <\/div>\n\n                <div class=\"ds-process-card ds-reveal\">\n                    <div class=\"ds-process-number\">03<\/div>\n                    <h3>Intervencija<\/h3>\n                    <p>\n                        Radimo dogovoreni posao u servisu ili na terenu.\n                    <\/p>\n                <\/div>\n\n                <div class=\"ds-process-card ds-reveal\">\n                    <div class=\"ds-process-number\">04<\/div>\n                    <h3>Provera<\/h3>\n                    <p>\n                        Nakon rada proveravamo funkcionalnost sistema.\n                    <\/p>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- WEB -->\n\n    <section class=\"ds-section ds-web\" id=\"web\">\n\n        <div class=\"ds-container ds-web-grid\">\n\n            <div class=\"ds-web-image ds-reveal\">\n\n            \n                <img\n                    src=\"https:\/\/danubiussystems.com\/wp-content\/uploads\/2026\/10\/Cenovnik-servisa-racunara-Danubius-Systems-1.png\"\n                    alt=\"Danubius Systems web dizajn i hosting\"\n                    loading=\"lazy\"\n                    onerror=\"this.style.display='none';\">\n\n            <\/div>\n\n\n            <div class=\"ds-web-copy ds-reveal\">\n\n                <span class=\"ds-kicker\">\n                    WEB & SERVERI\n                <\/span>\n\n                <h2>\n                    Digitalno re\u0161enje\n                    <span class=\"ds-gradient-text\">\n                        po meri posla.\n                    <\/span>\n                <\/h2>\n\n                <p>\n                    Web dizajn ostaje deo Danubius Systemsa \u2014\n                    ali kao prava IT usluga, a ne kao odvojena\n                    marketin\u0161ka agencija.\n                <\/p>\n\n                <div class=\"ds-web-services\">\n\n                    <div class=\"ds-web-service\">\n                        WordPress sajtovi\n                    <\/div>\n\n                    <div class=\"ds-web-service\">\n                        Poslovne prezentacije\n                    <\/div>\n\n                    <div class=\"ds-web-service\">\n                        Hosting i domeni\n                    <\/div>\n\n                    <div class=\"ds-web-service\">\n                        VPS i server podr\u0161ka\n                    <\/div>\n\n                    <div class=\"ds-web-service\">\n                        SSL i DNS\n                    <\/div>\n\n                    <div class=\"ds-web-service\">\n                        Odr\u017eavanje sajtova\n                    <\/div>\n\n                <\/div>\n\n                <a href=\"mailto:office@danubiussystems.com\"\n                   class=\"ds-btn ds-btn-primary\">\n                    Zatra\u017eite ponudu\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- SHOP -->\n\n    <section class=\"ds-section ds-shop\">\n\n        <div class=\"ds-container\">\n\n            <div class=\"ds-section-title ds-reveal\">\n\n                <span class=\"ds-kicker\">\n                    DS ONLINE\n                <\/span>\n\n                <h2>\n                    Usluge i oprema\n                <\/h2>\n\n                <p>\n                    Ponudu mo\u017eemo pro\u0161irivati kako servis raste.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"ds-shop-grid\">\n\n                <article class=\"ds-shop-card ds-reveal\">\n\n                    <div class=\"ds-shop-label\">\n                        SERVIS\n                    <\/div>\n\n                    <h3>\n                        Servisne usluge\n                    <\/h3>\n\n                    <p>\n                        Dijagnostika, odr\u017eavanje, \u010di\u0161\u0107enje,\n                        instalacije i intervencije.\n                    <\/p>\n\n                    <a href=\"#usluge\"\n                       class=\"ds-btn ds-btn-ghost\">\n                        Pogledajte usluge\n                    <\/a>\n\n                <\/article>\n\n\n                <article class=\"ds-shop-card ds-reveal\">\n\n                    <div class=\"ds-shop-label\">\n                        OPREMA\n                    <\/div>\n\n                    <h3>\n                        Ra\u010dunari i komponente\n                    <\/h3>\n\n                    <p>\n                        Nova i polovna oprema, komponente\n                        i konfiguracije prema potrebama.\n                    <\/p>\n\n                    <a href=\"\/prodavnica\/\"\n                       class=\"ds-btn ds-btn-ghost\">\n                        Otvori prodavnicu\n                    <\/a>\n\n                <\/article>\n\n\n                <article class=\"ds-shop-card ds-reveal\">\n\n                    <div class=\"ds-shop-label\">\n                        KORPA\n                    <\/div>\n\n                    <h3>\n                        Va\u0161a korpa\n                    <\/h3>\n\n                    <p>\n                        Proverite izabrane proizvode i nastavite\n                        ka kupovini.\n                    <\/p>\n\n                    <a href=\"\/korpa\/\"\n                       class=\"ds-btn ds-btn-primary\">\n                        \ud83d\uded2 Otvori korpu\n                    <\/a>\n\n                <\/article>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- CTA -->\n\n    <section class=\"ds-cta\" id=\"kontakt\">\n\n        <div class=\"ds-cta-inner ds-reveal\">\n\n            <span class=\"ds-kicker\">\n                DANUBIUS SYSTEMS\n            <\/span>\n\n            <h2>\n                Imate IT problem?\n            <\/h2>\n\n            <p>\n                Opi\u0161ite nam \u0161ta se de\u0161ava.\n                Predlo\u017ei\u0107emo konkretan na\u010din re\u0161avanja.\n            <\/p>\n\n            <div class=\"ds-hero-actions\"\n                 style=\"justify-content:center;\">\n\n                <a href=\"tel:+381655327275\"\n                   class=\"ds-btn ds-btn-primary\">\n                    \u260e +381 65 532 7275\n                <\/a>\n\n                <a href=\"mailto:office@danubiussystems.com\"\n                   class=\"ds-btn ds-btn-ghost\">\n                    \u2709 office@danubiussystems.com\n                <\/a>\n\n            <\/div>\n\n            <div class=\"ds-contact-line\">\n\n                <a href=\"https:\/\/www.danubiussystems.com\">\n                    www.danubiussystems.com\n                <\/a>\n\n                <span>\u2022<\/span>\n\n                <span>\n                    Smederevo i okolina\n                <\/span>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- FOOTER -->\n\n    <footer class=\"ds-footer\">\n\n        <div class=\"ds-container ds-footer-inner\">\n\n            <div class=\"ds-footer-brand\">\n                DANUBIUS SYSTEMS\n            <\/div>\n\n            <div>\n                IT servis \u2022 Teren \u2022 Web \u2022 Hosting \u2022 Serveri\n            <\/div>\n\n            <div>\n                \u00a9 2026 Danubius Systems\n            <\/div>\n\n        <\/div>\n\n    <\/footer>\n\n\n    <!-- FLOATING PHONE -->\n\n    <a class=\"ds-floating-call\"\n       href=\"tel:+381655327275\"\n       aria-label=\"Pozovi Danubius Systems\">\n        \u260e\n    <\/a>\n\n<\/div>\n\n\n<script>\n(function () {\n\n    \/* =========================\n       SCROLL REVEAL\n       ========================= *\/\n\n    var revealItems = document.querySelectorAll(\".ds-reveal\");\n\n    if (\"IntersectionObserver\" in window) {\n\n        var observer = new IntersectionObserver(function (entries) {\n\n            entries.forEach(function (entry) {\n\n                if (entry.isIntersecting) {\n\n                    entry.target.classList.add(\"ds-visible\");\n\n                    observer.unobserve(entry.target);\n                }\n\n            });\n\n        }, {\n            threshold: 0.12\n        });\n\n        revealItems.forEach(function (item) {\n            observer.observe(item);\n        });\n\n    } else {\n\n        revealItems.forEach(function (item) {\n            item.classList.add(\"ds-visible\");\n        });\n\n    }\n\n\n    \/* =========================\n       WOOCOMMERCE CART COUNT\n       ========================= *\/\n\n    var cartCount = document.querySelector(\".ds-cart-count\");\n\n    if (cartCount) {\n\n        fetch(\"\/wp-json\/wc\/store\/v1\/cart\", {\n            method: \"GET\",\n            credentials: \"same-origin\"\n        })\n\n        .then(function (response) {\n\n            if (!response.ok) {\n                throw new Error(\"Cart API unavailable\");\n            }\n\n            return response.json();\n\n        })\n\n        .then(function (cart) {\n\n            if (typeof cart.items_count !== \"undefined\") {\n                cartCount.textContent = cart.items_count;\n            }\n\n        })\n\n        .catch(function () {\n\n            \/* WooCommerce nije dostupan \u2014 ostaje 0 *\/\n\n            cartCount.textContent = \"0\";\n\n        });\n\n    }\n\n\n    \/* =========================\n       IMAGE FALLBACK\n       ========================= *\/\n\n    var heroImage = document.querySelector(\".ds-photo-frame img\");\n\n    if (heroImage) {\n\n        heroImage.addEventListener(\"error\", function () {\n\n            var frame = heroImage.closest(\".ds-photo-frame\");\n\n            if (frame) {\n                frame.classList.add(\"ds-fallback\");\n            }\n\n        });\n\n    }\n\n\n    \/* =========================\n       SMOOTH INTERNAL LINKS\n       ========================= *\/\n\n    document.querySelectorAll('.ds-site a[href^=\"#\"]').forEach(function (link) {\n\n        link.addEventListener(\"click\", function (event) {\n\n            var id = link.getAttribute(\"href\");\n\n            if (!id || id === \"#\") {\n                return;\n            }\n\n            var target = document.querySelector(id);\n\n            if (target) {\n\n                event.preventDefault();\n\n                target.scrollIntoView({\n                    behavior: \"smooth\",\n                    block: \"start\"\n                });\n\n            }\n\n        });\n\n    });\n\n})();\n<\/script><\/code><\/pre>\n\n\n
\n\t\n\t
\n\t\tascaaaaaaaa\t<\/p>\n\n\n
\n\t\n\n\t\t\t<\/path><\/svg>\n\t\t\tGet Started<\/span><\/a>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n\n
\n\t<\/div>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_swt_meta_header_display":false,"_swt_meta_footer_display":false,"_swt_meta_site_title_display":false,"_swt_meta_sticky_header":false,"_swt_meta_transparent_header":false,"_zipai_imported":false,"_zipai_import_id":"","footnotes":""},"class_list":["post-31","page","type-page","status-publish","hentry"],"spectra_blocks_featured_image_url":null,"spectra_blocks_author_info":{"display_name":"Admin","avatar_url":"https:\/\/secure.gravatar.com\/avatar\/2541a1d48c9e70dba8d592ecfdbe72243b68851770e18b49af3593e104d1a2c2?s=96&d=mm&r=g","author_link":"https:\/\/danubiussystems.com\/index.php\/author\/admin\/","description":""},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/danubiussystems.com\/index.php\/wp-json\/wp\/v2\/pages\/31","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/danubiussystems.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/danubiussystems.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/danubiussystems.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/danubiussystems.com\/index.php\/wp-json\/wp\/v2\/comments?post=31"}],"version-history":[{"count":9,"href":"https:\/\/danubiussystems.com\/index.php\/wp-json\/wp\/v2\/pages\/31\/revisions"}],"predecessor-version":[{"id":66,"href":"https:\/\/danubiussystems.com\/index.php\/wp-json\/wp\/v2\/pages\/31\/revisions\/66"}],"wp:attachment":[{"href":"https:\/\/danubiussystems.com\/index.php\/wp-json\/wp\/v2\/media?parent=31"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}