{"id":1390,"date":"2026-01-23T19:12:21","date_gmt":"2026-01-23T19:12:21","guid":{"rendered":"https:\/\/nordyn.se\/?page_id=1390"},"modified":"2026-05-17T20:34:14","modified_gmt":"2026-05-17T20:34:14","slug":"tjanster","status":"publish","type":"page","link":"https:\/\/nordyn.se\/en\/tjanster\/","title":{"rendered":"tj\u00e4nster"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\n\nV\u00e5ra Tj\u00e4nster \u2014 Nordyn<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<style>\n\/* --- GRUNDL\u00c4GGANDE VARIABLER --- *\/\n:root{\n --accent:#8A74FF;\n --muted:rgba(255,255,255,.82);\n --line:rgba(255,255,255,.12);\n --pad: clamp(24px, 3vw, 40px);\n}\n\n\/* SUPER-FIX F\u00d6R BL\u00c5 MARKERINGAR (ELEMENTOR OVERRIDE) *\/\n\/* Vi anv\u00e4nder ID (#) f\u00f6r att vinna \u00f6ver Elementors klasser *\/\n#menuToggle, \n#menuToggle:focus, \n#menuToggle:active,\n#menuToggle:focus-visible,\n#menuToggle:visited,\n#menuClose,\n#menuClose:focus,\n#menuClose:active,\n#menuClose:hover,\nbutton.submenu-toggle-btn,\nbutton.submenu-toggle-btn:focus,\nbutton.submenu-toggle-btn:active {\n outline: none !important;\n box-shadow: none !important;\n background-color: transparent !important;\n -webkit-tap-highlight-color: transparent !important;\n -webkit-focus-ring-color: transparent !important;\n -webkit-user-select: none !important;\n user-select: none !important;\n border-top: none !important;\n border-left: none !important;\n border-right: none !important;\n \/* Vi sparar border-bottom f\u00f6r designen, men tvingar bort resten *\/\n}\n\n\/* Global reset som hj\u00e4lper i WP-milj\u00f6 *\/\nbutton:focus, a:focus {\n outline: none !important;\n box-shadow: none !important;\n}\n\n*{box-sizing:border-box}\n\nhtml, body {\n background-color: #000000; \/* HELT SVART *\/\n margin: 0;\n padding: 0;\n width: 100%;\n overscroll-behavior-y: none;\n font-family: 'Inter', system-ui, sans-serif;\n color: #ffffff; \/* VIT TEXT *\/\n overflow-x:hidden;\n}\n\n\/* -----------------------------------------------------------\n HEADER & MENY\n ----------------------------------------------------------- *\/\n.header {\n position:fixed; top:0; left:0; right:0; z-index:9999;\n padding: 22px 40px; display:flex; align-items: flex-start; justify-content:space-between;\n gap:16px; background: transparent; mix-blend-mode: difference; color: #fff;\n transition: opacity 0.3s ease;\n}\n.header.hidden { opacity: 0; pointer-events: none; }\n.brand { display:flex; align-items: center; gap: 16px; min-width:0; }\n.logoMark { width:145px; height:auto; display:flex; align-items:center; flex:0 0 auto; color: #fff; margin-left: -20px;}\n.logoMark svg { width:100%; height:auto; display:block; }\n.tagline { font-size:13px; line-height:1.3; color: #fff !important; opacity: 0.9; font-weight: 500; max-width: 200px;}\n.tagline.fade-out { opacity: 0; transform: translateX(-10px); transition: 0.4s ease; pointer-events: none; }\n\n.nav { display:flex; align-items:center; gap:22px; flex:0 0 auto; color: #fff; }\n.nav a.contact { color:inherit; text-decoration:none; font-size:14px; font-weight:600; opacity:.92; padding-top:2px; position:relative; padding-bottom:6px;}\n.nav a.contact::after { content:\"\"; position:absolute; left:0; bottom:0; height:1px; width:100%; background: currentColor; transform: scaleX(0); transform-origin: left; transition: transform .3s ease; opacity:.95;}\n.nav a.contact:hover::after { transform: scaleX(1); }\n\n\/* --- MENY KNAPP --- *\/\n.menuToggle, \n.menuToggleOverlay, \n.submenu-toggle-btn {\n cursor: pointer;\n user-select: none;\n -webkit-user-select: none;\n background: transparent;\n \/* Extra s\u00e4kerhet i CSS ocks\u00e5 *\/\n -webkit-tap-highlight-color: transparent !important; \n outline: none !important;\n}\n\n.menuToggle:focus, .menuToggle:active,\n.menuToggleOverlay:focus, .menuToggleOverlay:active,\n.submenu-toggle-btn:focus, .submenu-toggle-btn:active {\n background: transparent !important;\n outline: none !important;\n}\n\n.menuToggle, .menuToggleOverlay { all:unset; cursor:pointer; display:inline-flex; align-items:center; gap:12px; font-size:15px; font-weight:600; color: #fff; position:relative; padding-bottom: 4px; border-bottom: 1px solid rgba(255,255,255,0.6); transition: border-color 0.3s ease;}\n.menuToggle:hover, .menuToggleOverlay:hover { border-color: #fff; }\n.menuIcon { font-size:18px; line-height:1; transform: translateY(-1px); }\n\n.menuOverlay { position:fixed; inset:0; background:#000; z-index:9990; transform: translateY(-100%); opacity: 1; visibility:hidden; transition: transform .6s cubic-bezier(0.77, 0, 0.175, 1), visibility .6s ease;}\n.menuOverlay.open { visibility:visible; transform: translateY(0); }\n.menuOverlay.closing { transform: translateY(-100%); visibility:hidden; }\n\n.menuInner {\n min-height: 100svh; height: 100svh; \n padding: 0; \n display:flex; flex-direction:column; overflow:hidden;\n overflow-y: auto; \/* Allow scrolling inside menu if needed *\/\n}\n\n.menuTop { display:flex; align-items: flex-start; justify-content:space-between; gap:16px; flex:0 0 auto; padding: 22px 40px; color: #fff; z-index: 10;}\n.menuTop .brand, .menuTop .logoMark, .menuToggleOverlay { color: #fff; }\n.menuTop .logoMark svg { fill: #fff; }\n.menuTop .tagline { color: rgba(255,255,255,0.7); }\n.menuToggleOverlay { border-color: rgba(255,255,255,0.6); }\n\n.menuContent { flex:1 1 auto; display:flex; align-items:center; padding: 18px 40px; }\n.menuList { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:24px; width:100%; }\n.menuItem { opacity:0; transform: translateY(14px); }\n.menuOverlay.open .menuItem { animation: menuIn .5s cubic-bezier(.2,.8,.2,1) forwards; animation-delay: calc(300ms + var(--d, 0ms)); }\n@keyframes menuIn{ to { opacity:1; transform: translateY(0); } }\n\n.menuRow { display:flex; align-items:center; justify-content:space-between; gap:18px; position: relative; }\n.menuLink { color: rgba(255,255,255,0.5); text-decoration:none; font-size: clamp(32px, 5vw, 48px); font-weight:700; letter-spacing:-0.02em; position:relative; display:inline-block; padding:0; line-height:1.1; transition: color 0.3s ease;}\n.menuLink:hover, .menuLink:focus, .menuLink:active { color: #fff; }\n\n\/* PIL LOGIK & SUBMENU STYLING *\/\n.submenu-toggle-btn {\n background: none;\n border: none;\n padding: 10px;\n cursor: pointer;\n color: var(--accent);\n display: flex;\n align-items: center;\n justify-content: center;\n \/* Extra s\u00e4kerhet *\/\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n\n.bigArrow { \n flex:0 0 auto; \n color: var(--accent); \n opacity:1; \n transform: translateY(4px); \n transition: transform 0.4s ease;\n pointer-events: none; \/* L\u00e5t klicket hanteras av knappen *\/\n}\n.bigArrow svg { width:40px; height:24px; }\n\n\/* Submenu Container *\/\n.submenu {\n list-style: none;\n padding: 0;\n margin: 0;\n display: grid;\n grid-template-rows: 0fr;\n transition: grid-template-rows 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n}\n\n.submenu-inner {\n overflow: hidden;\n display: flex;\n flex-direction: column;\n gap: 12px;\n padding-left: 4px; \/* Indrag f\u00f6r hierarki *\/\n}\n\n\/* Submenu Items styling *\/\n.submenu-item {\n opacity: 0;\n transform: translateX(40px); \/* Starta fr\u00e5n h\u00f6ger *\/\n transition: opacity 0.4s ease, transform 0.4s ease;\n}\n\n.submenu-link {\n font-size: clamp(20px, 3vw, 28px);\n font-weight: 600;\n color: rgba(255,255,255,0.6);\n text-decoration: none;\n display: block;\n transition: color 0.2s;\n}\n.submenu-link:hover {\n color: #fff;\n}\n\n\/* EXPANDED STATE *\/\n.menuItem.has-expanded .submenu {\n grid-template-rows: 1fr;\n margin-top: 16px; \/* Space mellan Tj\u00e4nster och listan *\/\n}\n\n.menuItem.has-expanded .bigArrow {\n transform: translateY(4px) rotate(90deg); \/* Rotera pilen *\/\n}\n\n\/* Submenu items animation sequence when opened *\/\n.menuItem.has-expanded .submenu-item {\n opacity: 1;\n transform: translateX(0);\n}\n\n\/* Staggered delay f\u00f6r \"svep\" effekten *\/\n.menuItem.has-expanded .submenu-item:nth-child(1) { transition-delay: 0.1s; }\n.menuItem.has-expanded .submenu-item:nth-child(2) { transition-delay: 0.15s; }\n.menuItem.has-expanded .submenu-item:nth-child(3) { transition-delay: 0.2s; }\n.menuItem.has-expanded .submenu-item:nth-child(4) { transition-delay: 0.25s; }\n\n\n.menuBottom { flex:0 0 auto; display:grid; grid-template-columns: 1fr auto; gap:18px; align-items:end; padding: 20px 40px 40px 40px; border-top: 1px solid var(--line);}\n.bottomLeft { display: flex; flex-direction: column; gap: 24px; }\n.lang-container a { font-size: 16px; font-weight: 600; color: rgba(255,255,255,0.6); text-decoration:none; }\n.lang-container a:hover { color: #fff; }\n.socials { display:flex; gap: 32px; flex-wrap:wrap; color: #fff; font-weight: 600; font-size: 18px; }\n.socials a { color:inherit; text-decoration:none; display:inline-flex; gap: 10px; align-items:center; transition: opacity 0.2s;}\n.socials a:hover { opacity: 0.7; }\n.extIcon svg { width: 14px; height: 14px; stroke: currentColor; stroke-width: 2.5; fill:none; margin-bottom: 2px;}\n.menuCTA { text-align: right; font-size: 15px; font-weight: 500; color: rgba(255,255,255,0.8); line-height: 1.4; }\n.menuCTA a { color: var(--accent); text-decoration: none; display: inline-flex; align-items: center; gap: 8px; margin-top: 4px; }\n.menuCTA-text { display: inline; } \n\n\/* -----------------------------------------------------------\n FOOTER CSS\n ----------------------------------------------------------- *\/\n.footer{background:#000;border-top:1px solid var(--line);padding:clamp(60px,8vh,100px) clamp(24px,3vw,40px) 40px}\n.footer-container{max-width:1200px;margin:0 auto}\n.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;margin-bottom:60px}\n.footer-brand{display:flex;flex-direction:column;gap:20px}\n.footer-logo{width:140px;height:auto}\n.footer-logo svg { width: 100%; height: 100%; fill: #fff; margin-left: -21px; display: block; }\n.footer-tagline{font-size:16px;font-weight:600;color:#fff;margin:0}\n.footer-contact{font-size:14px;color:rgba(255,255,255,0.6);line-height:1.8}\n.footer-contact a{color:var(--accent);text-decoration:none}\n.footer-column h4{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:#fff;margin:0 0 20px 0}\n.footer-links{display:flex;flex-direction:column;gap:12px}\n.footer-links a{color:rgba(255,255,255,0.7);text-decoration:none;font-size:14px;transition:color .2s ease}\n.footer-links a:hover{color:#fff}\n.footer-bottom{padding-top:40px;border-top:1px solid var(--line);display:flex;gap:24px;flex-wrap:wrap;justify-content:center}\n.footer-bottom a{color:rgba(255,255,255,0.4);text-decoration:none;font-size:12px}\n\n\/* -----------------------------------------------------------\n TJ\u00c4NSTER SIDA CSS\n ----------------------------------------------------------- *\/\n.services-page-section {\n background-color: #000000;\n color: #ffffff;\n \/* Extra padding top f\u00f6r att komma ner fr\u00e5n fixed header *\/\n padding: clamp(140px, 15vh, 180px) clamp(24px, 3vw, 40px) 100px;\n width: 100%;\n}\n\n.services-page-container {\n max-width: 1400px;\n margin: 0 auto;\n}\n\n\/* HERO DELEN *\/\n.services-hero {\n margin-bottom: 120px;\n max-width: 1000px;\n}\n\n.services-hero h1 {\n font-size: clamp(48px, 7vw, 90px);\n font-weight: 800;\n line-height: 1;\n letter-spacing: -0.03em;\n margin: 0 0 32px 0;\n color: #fff;\n}\n\n.services-hero-text {\n font-size: clamp(18px, 2vw, 24px);\n line-height: 1.5;\n color: rgba(255,255,255,0.7);\n max-width: 800px;\n}\n\n\/* TJ\u00c4NSTE-GRID DETALJERAT *\/\n.services-detailed-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 30px;\n margin-bottom: 160px;\n}\n\n\/* KORT STYLING UPDATERAD F\u00d6R L\u00c4NKAR *\/\n.service-detail-card {\n background: linear-gradient(145deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 16px;\n padding: clamp(40px, 5vw, 60px);\n transition: transform 0.4s ease, border-color 0.3s ease, background-color 0.3s ease;\n display: flex;\n flex-direction: column;\n height: 100%;\n text-decoration: none; \/* VIKTIGT F\u00d6R L\u00c4NKAR *\/\n color: #ffffff; \/* VIKTIGT F\u00d6R L\u00c4NKAR *\/\n position: relative;\n overflow: hidden;\n}\n\n.service-detail-card:hover {\n transform: translateY(-8px);\n border-color: var(--accent);\n background: linear-gradient(145deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.02) 100%);\n}\n\n.service-header {\n display: flex;\n align-items: center;\n gap: 20px;\n margin-bottom: 24px;\n}\n\n.service-icon-wrap {\n width: 56px;\n height: 56px;\n color: var(--accent);\n background: rgba(138,116,255,0.1);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 12px;\n flex-shrink: 0;\n}\n\n.service-icon-wrap svg {\n width: 100%;\n height: 100%;\n stroke: currentColor;\n stroke-width: 1.5;\n fill: none;\n}\n\n.service-detail-card h2 {\n font-size: clamp(22px, 2.5vw, 28px);\n font-weight: 700;\n margin: 0;\n line-height: 1.2;\n color: #fff;\n letter-spacing: -0.01em;\n}\n\n.service-intro-text {\n font-size: 17px;\n line-height: 1.6;\n color: rgba(255,255,255,0.8);\n margin: 0 0 32px 0;\n flex-grow: 1; \/* Trycker ner \"L\u00e4s mer\" pilen *\/\n}\n\n\/* Liten pil\/l\u00e4s mer indikator *\/\n.read-more-arrow {\n display: flex;\n align-items: center;\n gap: 8px;\n font-weight: 600;\n font-size: 14px;\n color: var(--accent);\n margin-top: auto;\n opacity: 0.8;\n transition: opacity 0.3s ease, transform 0.3s ease;\n}\n\n.service-detail-card:hover .read-more-arrow {\n opacity: 1;\n transform: translateX(4px);\n}\n\n.read-more-arrow svg {\n width: 18px;\n height: 18px;\n}\n\n\/* PROCESS SEKTION *\/\n.process-section {\n margin-bottom: 160px;\n}\n\n.section-title {\n font-size: clamp(36px, 5vw, 56px);\n font-weight: 700;\n margin-bottom: 60px;\n text-align: left;\n color: #fff;\n}\n\n.process-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 40px;\n position: relative;\n}\n\n\/* Linje bakom processen (Desktop) *\/\n.process-grid::before {\n content: \"\";\n position: absolute;\n top: 40px;\n left: 20px;\n right: 20px;\n height: 2px;\n background: linear-gradient(90deg, var(--accent) 0%, rgba(255,255,255,0.1) 100%);\n z-index: 0;\n opacity: 0.3;\n display: none; \/* Dold som standard, visas p\u00e5 bredare sk\u00e4rmar *\/\n}\n\n@media (min-width: 1025px) {\n .process-grid::before { display: block; }\n}\n\n.process-step {\n position: relative;\n z-index: 1;\n}\n\n.step-number {\n font-size: 64px;\n font-weight: 800;\n color: rgba(255,255,255,0.05); \/* Subtil bakgrundsiffra *\/\n line-height: 1;\n margin-bottom: -20px;\n position: relative;\n z-index: 0;\n}\n\n.step-content {\n background: #000; \/* F\u00f6r att t\u00e4cka linjen *\/\n padding-top: 20px;\n}\n\n.step-title {\n font-size: 20px;\n font-weight: 700;\n margin: 0 0 12px 0;\n color: #fff;\n display: flex;\n align-items: center;\n gap: 12px;\n}\n\n.step-title::before {\n content: \"\";\n display: block;\n width: 12px;\n height: 12px;\n border-radius: 50%;\n background-color: var(--accent);\n border: 2px solid #000;\n box-shadow: 0 0 0 2px rgba(138,116,255,0.5);\n}\n\n.step-text {\n font-size: 15px;\n line-height: 1.6;\n color: rgba(255,255,255,0.7);\n margin: 0;\n}\n\n\/* RESULTAT SEKTION *\/\n.result-section {\n background: linear-gradient(145deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.01) 100%);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 24px;\n padding: clamp(60px, 8vw, 100px);\n margin-bottom: 120px;\n text-align: center;\n}\n\n.result-list {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 40px 60px;\n margin-top: 40px;\n list-style: none;\n padding: 0;\n}\n\n.result-item {\n font-size: clamp(18px, 2vw, 24px);\n font-weight: 600;\n color: #fff;\n display: flex;\n align-items: center;\n gap: 12px;\n}\n\n.result-item svg {\n width: 28px;\n height: 28px;\n color: var(--accent);\n}\n\n\/* CTA *\/\n.services-cta {\n text-align: center;\n border-top: 1px solid var(--line);\n padding-top: 80px;\n}\n\n.services-cta h2 {\n font-size: clamp(32px, 4vw, 48px);\n font-weight: 700;\n margin: 0 0 32px 0;\n color: #fff;\n}\n\n.btn-primary {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n padding: 20px 40px;\n background: var(--accent);\n color: #fff;\n text-decoration: none;\n font-weight: 700;\n font-size: 18px;\n border-radius: 8px;\n transition: transform 0.2s ease, background-color 0.2s ease;\n}\n\n.btn-primary:hover {\n transform: translateY(-4px);\n background-color: #7a63e0;\n}\n\n\/* MOBIL ANPASSNING *\/\n@media (max-width:1024px){\n .footer-main{grid-template-columns:1fr 1fr;gap:40px}\n .services-detailed-grid { grid-template-columns: 1fr; gap: 32px; }\n}\n\n@media (max-width:720px){\n .header{ padding:22px 24px; align-items:center; }\n .brand { flex-direction: column; gap: 4px; align-items: flex-start; }\n .logoMark{width:130px;}\n .tagline { font-size: 14px; line-height: 1.2; white-space: normal; max-width: 100%; margin-top: 4px; opacity: 0.8; }\n .nav a.contact{display:none} \n \n .menuToggleOverlay { margin-top: 5px; }\n .menuTop { padding: 22px 24px; }\n .menuContent { padding: 10px 24px; }\n .menuBottom { display: flex; flex-direction: column; gap: 16px; padding: 0 24px 60px 24px; border-top: none; }\n .bottomLeft { display: contents; }\n .lang-container { order: 1; margin-bottom: 0; }\n .socials { order: 2; display: flex; flex-direction: row; justify-content: flex-start; gap: 20px; font-size: 23px; margin-bottom: 10px; }\n .menuCTA { order: 3; text-align:right; max-width:none; display: flex; flex-direction: column; align-items: flex-end; }\n .menuCTA-text { display: block; margin-bottom: 8px; color:rgba(255,255,255,0.6); font-weight:400; font-size:14px; }\n\n .services-page-section { padding-top: 120px; padding-bottom: 80px; }\n .services-hero { margin-bottom: 60px; }\n .services-hero h1 { font-size: 42px; }\n \n .process-grid { grid-template-columns: 1fr; gap: 40px; }\n .process-grid::before { display: block; top: 0; bottom: 0; left: 25px; width: 2px; height: auto; background: linear-gradient(180deg, var(--accent) 0%, rgba(255,255,255,0.1) 100%); }\n .step-number { font-size: 48px; margin-left: 60px; margin-bottom: -15px; }\n .step-content { margin-left: 60px; }\n .step-title::before { position: absolute; left: 20px; top: 55px; } \/* Justera punkten *\/\n\n .result-section { padding: 40px 24px; }\n .result-list { flex-direction: column; gap: 20px; align-items: center; }\n}\n<\/style>\n<\/head>\n<body>\n\n<header class=\"header invert\" id=\"mainHeader\">\n <div class=\"brand\">\n <a href=\"https:\/\/nordyn.se\" class=\"logoMark\" aria-label=\"Till startsidan\">\n <svg version=\"1.0\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"600pt\" height=\"167pt\" viewBox=\"0 0 600 167\" preserveAspectRatio=\"xMidYMid meet\" role=\"img\" aria-label=\"Nordyn\">\n <g transform=\"translate(0,167) scale(0.1,-0.1)\" fill=\"currentColor\" stroke=\"none\">\n <path d=\"M4905 1460 c-59 -24 -91 -101 -69 -165 16 -48 31 -63 79 -79 147 -51 244 154 112 234 -33 21 -87 25 -122 10z\"\/>\n <path d=\"M3335 1261 l-50 -6 -3 -133 -3 -132 -42 7 c-122 22 -219 1 -282 -62 -52 -51 -65 -92 -65 -201 0 -133 34 -210 110 -249 56 -29 169 -40 277 -26 54 8 107 12 118 11 11 -1 34 -3 50 -4 l30 -1 3 403 2 402 -47 -2 c-27 0 -70 -4 -98 -7z m-77 -462 c19 -7 22 -16 22 -63 0 -30 -4 -57 -9 -60 -22 -14 -127 -16 -151 -4 -47 25 -52 119 -7 138 23 10 106 3 145 -11z\"\/>\n <path d=\"M1135 1000 c-85 -14 -154 -39 -165 -61 -6 -11 -9 -107 -8 -246 l3 -228 98 -3 97 -3 0 154 c0 124 3 157 15 167 8 6 43 13 79 13 50 2 68 -2 85 -17 20 -18 21 -29 21 -168 l0 -149 98 3 97 3 -1 180 c0 171 -1 183 -26 236 -41 89 -96 117 -243 124 -49 2 -117 0 -150 -5z\"\/>\n <path d=\"M1825 986 c-212 -98 -212 -412 0 -512 72 -34 208 -34 281 0 205 96 205 416 0 512 -73 34 -209 34 -281 0z m218 -195 c15 -14 22 -34 22 -61 0 -55 -29 -81 -94 -88 -46 -4 -53 -2 -81 26 -21 21 -30 40 -30 62 0 22 9 41 30 62 28 28 35 30 81 26 34 -4 58 -12 72 -27z\"\/>\n <path d=\"M2465 1003 c-27 -2 -60 -6 -72 -8 l-23 -5 0 -266 0 -265 98 3 97 3 -3 125 -4 125 30 28 c32 30 70 37 134 24 l37 -8 15 53 c26 90 38 180 27 191 -5 5 -37 8 -70 5 -45 -3 -72 -12 -111 -36 -28 -18 -54 -32 -56 -32 -3 0 -5 10 -4 23 4 40 0 47 -22 45 -13 -1 -45 -3 -73 -5z\"\/>\n <path d=\"M4485 999 c-84 -12 -153 -37 -165 -60 -6 -11 -9 -107 -8 -246 l3 -228 95 0 95 0 5 160 5 160 50 7 c28 5 64 6 82 3 56 -10 63 -32 63 -193 l0 -143 98 3 97 3 3 130 c5 225 -26 333 -106 374 -74 38 -189 48 -317 30z\"\/>\n <path d=\"M3574 985 c-16 -41 139 -430 193 -487 l26 -27 -37 -88 c-20 -48 -36 -93 -36 -99 0 -6 37 -27 83 -46 61 -27 85 -33 94 -24 6 6 40 83 76 171 86 213 128 315 193 467 30 70 54 132 54 137 0 16 -195 15 -207 -1 -6 -7 -34 -72 -63 -145 -58 -143 -66 -160 -75 -152 -3 3 -19 69 -37 145 -17 76 -35 145 -41 152 -15 19 -216 17 -223 -3z\"\/>\n <\/g>\n <\/svg>\n <\/a>\n <div class=\"tagline\" id=\"headerTagline\">Digitalbyr\u00e5 \/ Webbbyr\u00e5 Stockholm<\/div>\n <\/div>\n\n <nav class=\"nav\" aria-label=\"Toppmeny\">\n <a class=\"contact\" href=\"\/kontakt\">Kontakta oss<\/a>\n <!-- FIX: Lade till onclick=\"this.blur()\" och onfocus=\"this.blur()\" direkt i HTML -->\n <button class=\"menuToggle\" id=\"menuToggle\" type=\"button\" onclick=\"this.blur()\" onfocus=\"this.blur()\" style=\"-webkit-tap-highlight-color: rgba(0,0,0,0) !important; outline: none !important; background: none !important; box-shadow: none !important; user-select: none !important; border: none !important;\">\n Meny <span class=\"menuIcon\" id=\"menuIcon\">+<\/span>\n <\/button>\n <\/nav>\n<\/header>\n\n<div class=\"menuOverlay\" id=\"menuOverlay\" aria-hidden=\"true\">\n <div class=\"menuInner\">\n <div class=\"menuTop\">\n <div class=\"brand\">\n <a href=\"https:\/\/nordyn.se\" class=\"logoMark\">\n <svg version=\"1.0\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"600pt\" height=\"167pt\" viewBox=\"0 0 600 167\" preserveAspectRatio=\"xMidYMid meet\" role=\"img\" aria-label=\"Nordyn\">\n <g transform=\"translate(0,167) scale(0.1,-0.1)\" fill=\"currentColor\" stroke=\"none\">\n <path d=\"M4905 1460 c-59 -24 -91 -101 -69 -165 16 -48 31 -63 79 -79 147 -51 244 154 112 234 -33 21 -87 25 -122 10z\"\/>\n <path d=\"M3335 1261 l-50 -6 -3 -133 -3 -132 -42 7 c-122 22 -219 1 -282 -62 -52 -51 -65 -92 -65 -201 0 -133 34 -210 110 -249 56 -29 169 -40 277 -26 54 8 107 12 118 11 11 -1 34 -3 50 -4 l30 -1 3 403 2 402 -47 -2 c-27 0 -70 -4 -98 -7z m-77 -462 c19 -7 22 -16 22 -63 0 -30 -4 -57 -9 -60 -22 -14 -127 -16 -151 -4 -47 25 -52 119 -7 138 23 10 106 3 145 -11z\"\/>\n <path d=\"M1135 1000 c-85 -14 -154 -39 -165 -61 -6 -11 -9 -107 -8 -246 l3 -228 98 -3 97 -3 0 154 c0 124 3 157 15 167 8 6 43 13 79 13 50 2 68 -2 85 -17 20 -18 21 -29 21 -168 l0 -149 98 3 97 3 -1 180 c0 171 -1 183 -26 236 -41 89 -96 117 -243 124 -49 2 -117 0 -150 -5z\"\/>\n <path d=\"M1825 986 c-212 -98 -212 -412 0 -512 72 -34 208 -34 281 0 205 96 205 416 0 512 -73 34 -209 34 -281 0z m218 -195 c15 -14 22 -34 22 -61 0 -55 -29 -81 -94 -88 -46 -4 -53 -2 -81 26 -21 21 -30 40 -30 62 0 22 9 41 30 62 28 28 35 30 81 26 34 -4 58 -12 72 -27z\"\/>\n <path d=\"M2465 1003 c-27 -2 -60 -6 -72 -8 l-23 -5 0 -266 0 -265 98 3 97 3 -3 125 -4 125 30 28 c32 30 70 37 134 24 l37 -8 15 53 c26 90 38 180 27 191 -5 5 -37 8 -70 5 -45 -3 -72 -12 -111 -36 -28 -18 -54 -32 -56 -32 -3 0 -5 10 -4 23 4 40 0 47 -22 45 -13 -1 -45 -3 -73 -5z\"\/>\n <path d=\"M4485 999 c-84 -12 -153 -37 -165 -60 -6 -11 -9 -107 -8 -246 l3 -228 95 0 95 0 5 160 5 160 50 7 c28 5 64 6 82 3 56 -10 63 -32 63 -193 l0 -143 98 3 97 3 3 130 c5 225 -26 333 -106 374 -74 38 -189 48 -317 30z\"\/>\n <path d=\"M3574 985 c-16 -41 139 -430 193 -487 l26 -27 -37 -88 c-20 -48 -36 -93 -36 -99 0 -6 37 -27 83 -46 61 -27 85 -33 94 -24 6 6 40 83 76 171 86 213 128 315 193 467 30 70 54 132 54 137 0 16 -195 15 -207 -1 -6 -7 -34 -72 -63 -145 -58 -143 -66 -160 -75 -152 -3 3 -19 69 -37 145 -17 76 -35 145 -41 152 -15 19 -216 17 -223 -3z\"\/>\n <\/g>\n <\/svg>\n <\/a>\n <div class=\"tagline\" style=\"color: rgba(255,255,255,.7); mix-blend-mode:normal;\">Digitalbyr\u00e5 \/ Webbbyr\u00e5 Stockholm<\/div>\n <\/div>\n\n <!-- FIX: Uppdaterad st\u00e4ng-knapp med inline styles f\u00f6r att d\u00f6da det bl\u00e5a -->\n <button class=\"menuToggleOverlay\" id=\"menuClose\" type=\"button\" onclick=\"this.blur()\" onfocus=\"this.blur()\" style=\"-webkit-tap-highlight-color: rgba(0,0,0,0) !important; outline: none !important; background: none !important; box-shadow: none !important; user-select: none !important; border-top:none !important; border-left:none !important; border-right:none !important;\">\n Meny <span class=\"menuIcon\">\u00d7<\/span>\n <\/button>\n <\/div>\n\n <div class=\"menuContent\">\n <ul class=\"menuList\" aria-label=\"Meny\">\n <!-- NY: Startsida -->\n <li class=\"menuItem\" style=\"--d: 80ms;\"><div class=\"menuRow\"><a class=\"menuLink nav-animate\" href=\"\/\">Startsida<\/a><\/div><\/li>\n\n <li class=\"menuItem\" style=\"--d: 160ms;\"><div class=\"menuRow\"><a class=\"menuLink nav-animate\" href=\"\/case\">Case<\/a><\/div><\/li>\n \n <!-- \u00c4NDRAD KOD H\u00c4R F\u00d6R TJ\u00c4NSTER -->\n <li class=\"menuItem\" style=\"--d: 240ms;\" id=\"servicesMenuItem\">\n <div class=\"menuRow\">\n <a class=\"menuLink nav-animate\" href=\"\/tjanster\" style=\"color:#fff;\">Tj\u00e4nster<\/a>\n <!-- LADE TILL INLINE STYLE H\u00c4R OCKS\u00c5 -->\n <button class=\"submenu-toggle-btn\" aria-label=\"Visa undertj\u00e4nster\" onclick=\"toggleSubmenu(event)\" style=\"-webkit-tap-highlight-color: rgba(0,0,0,0) !important; outline: none !important; background: none !important; box-shadow: none !important; border: none !important;\">\n <span class=\"bigArrow\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 64 40\">\n <path d=\"M6 20H46\" stroke=\"currentColor\" stroke-width=\"3.5\" stroke-linecap=\"round\"\/>\n <path d=\"M36 8L50 20L36 32\" stroke=\"currentColor\" stroke-width=\"3.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/span>\n <\/button>\n <\/div>\n \n <!-- UNDERMENY -->\n <ul class=\"submenu\">\n <div class=\"submenu-inner\">\n <li class=\"submenu-item\"><a class=\"submenu-link nav-animate\" href=\"\/webbdesign\">Webbdesign<\/a><\/li>\n <li class=\"submenu-item\"><a class=\"submenu-link nav-animate\" href=\"\/e-handel\">E-handel<\/a><\/li>\n <li class=\"submenu-item\"><a class=\"submenu-link nav-animate\" href=\"\/seo\">SEO<\/a><\/li>\n <li class=\"submenu-item\"><a class=\"submenu-link nav-animate\" href=\"\/branding\">Branding<\/a><\/li>\n <\/div>\n <\/ul>\n <\/li>\n\n <li class=\"menuItem\" style=\"--d: 320ms;\"><div class=\"menuRow\"><a class=\"menuLink nav-animate\" href=\"\/vart-lofte\">V\u00e5rt l\u00f6fte<\/a><\/div><\/li>\n <li class=\"menuItem\" style=\"--d: 400ms;\"><div class=\"menuRow\"><a class=\"menuLink nav-animate\" href=\"\/om-nordyn\">Om nordyn<\/a><\/div><\/li>\n <li class=\"menuItem\" style=\"--d: 480ms;\"><div class=\"menuRow\"><a class=\"menuLink nav-animate\" href=\"\/kontakt\">Kontakt<\/a><\/div><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"menuBottom\">\n <div class=\"bottomLeft\">\n <div class=\"lang-container\">\n <div class=\"trp-shortcode-switcher__wrapper\"\r\n style=\"--bg:#ffffffb2;--bg-hover:#ffffffb2;--text:#ffffff;--text-hover:#000000;--border:1px solid transparent;--border-width:1px;--border-color:transparent;--border-radius:5px;--flag-radius:2px;--flag-size:18px;--aspect-ratio:4\/3;--font-size:14px;--transition-duration:0.2s\"\r\n role=\"group\"\r\n data-open-mode=\"hover\">\r\n\r\n \r\n <!-- ANCHOR (in-flow only; sizing\/borders; inert) -->\r\n <div class=\"trp-language-switcher trp-ls-dropdown trp-shortcode-switcher trp-shortcode-anchor trp-open-on-hover\"\r\n aria-hidden=\"true\"\r\n inert\r\n data-no-translation>\r\n <div class=\"trp-current-language-item__wrapper\">\r\n <a class=\"trp-language-item trp-language-item__default trp-language-item__current\" data-no-translation href=\"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/pages\/1390#TRPLINKPROCESSED\" title=\"English\"><img decoding=\"async\" src=\"https:\/\/nordyn.se\/wp-content\/plugins\/translatepress-multilingual\/assets\/flags\/4x3\/en_US.svg\" class=\"trp-flag-image\" alt=\"\" role=\"presentation\" loading=\"lazy\" \/><span class=\"trp-language-item-name\">English<\/span><\/a> <svg class=\"trp-shortcode-arrow\" width=\"20\" height=\"20\" viewBox=\"0 0 20 21\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M5 8L10 13L15 8\" stroke=\"var(--text)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- OVERLAY (positioned; interactive surface) -->\r\n <div class=\"trp-language-switcher trp-ls-dropdown trp-shortcode-switcher trp-shortcode-overlay trp-open-on-hover\"\r\n role=\"navigation\"\r\n aria-label=\"Website language selector\"\r\n data-no-translation\r\n >\r\n <div class=\"trp-current-language-item__wrapper\">\r\n <div class=\"trp-language-item trp-language-item__default trp-language-item__current\" data-no-translation role=\"button\" aria-expanded=\"false\" tabindex=\"0\" aria-label=\"Change language\" aria-controls=\"trp-shortcode-dropdown-6a8b96b1a5d0e\"><img decoding=\"async\" src=\"https:\/\/nordyn.se\/wp-content\/plugins\/translatepress-multilingual\/assets\/flags\/4x3\/en_US.svg\" class=\"trp-flag-image\" alt=\"\" role=\"presentation\" loading=\"lazy\" \/><span class=\"trp-language-item-name\">English<\/span><\/div> <svg class=\"trp-shortcode-arrow\" width=\"20\" height=\"20\" viewBox=\"0 0 20 21\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M5 8L10 13L15 8\" stroke=\"var(--text)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <\/svg>\r\n <\/div>\r\n \r\n <div class=\"trp-switcher-dropdown-list\"\r\n id=\"trp-shortcode-dropdown-6a8b96b1a5d0e\"\r\n role=\"group\"\r\n aria-label=\"Available languages\"\r\n hidden\r\n inert\r\n >\r\n <a class=\"trp-language-item\" href=\"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/pages\/1390#TRPLINKPROCESSED\" title=\"Swedish\">\r\n <img decoding=\"async\" src=\"https:\/\/nordyn.se\/wp-content\/plugins\/translatepress-multilingual\/assets\/flags\/4x3\/sv_SE.svg\" class=\"trp-flag-image\" alt=\"\" role=\"presentation\" loading=\"lazy\" \/> <span class=\"trp-language-item-name\" data-no-translation>Swedish<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<style id=\"trp-language-switcher-shortcode-custom-css\">.trp-language-switcher-container, .trp-language-switcher { background: none !important; border: medium !important; box-shadow: none !important; margin: 0px !important; padding: 0px !important; width: auto !important; }\n.trp-language-switcher .trp-ls-shortcode-current-language { display: none !important; }\n.trp-language-switcher .trp-ls-shortcode-language { display: flex !important; flex-direction: row !important; gap: 20px !important; position: static !important; visibility: visible !important; opacity: 1 !important; background: none !important; border: medium !important; width: auto !important; padding: 0px !important; margin: 0px !important; transform: none !important; }\n.trp-language-switcher .trp-ls-shortcode-language a { display: inline-block !important; text-decoration: none !important; font-size: 0px !important; color: transparent !important; padding: 4px !important; margin: 0px !important; border-bottom-width: 2px !important; border-bottom-style: solid !important; border-bottom-color: transparent !important; cursor: pointer !important; opacity: 0.5 !important; transition: opacity 0.3s !important; background: none !important; }\n.trp-language-switcher .trp-ls-shortcode-language a:hover { transform: translateY(-1px); opacity: 1 !important; }\n.trp-language-switcher .trp-ls-shortcode-language a::after { font-size: 26px !important; line-height: 1 !important; display: block !important; font-style: normal !important; visibility: visible !important; color: rgb(255, 255, 255) !important; text-indent: 0px !important; }\n.trp-language-switcher .trp-ls-shortcode-language a:not([href*=\"\/en\/\"])::after { content: \"\ud83c\uddf8\ud83c\uddea\" !important; }\n.trp-language-switcher .trp-ls-shortcode-language a[href*=\"\/en\/\"]::after { content: \"\ud83c\uddfa\ud83c\uddf8\" !important; }\n.trp-language-switcher .trp-ls-shortcode-language a.trp-ls-active-language { opacity: 1 !important; border-bottom-color: rgb(255, 255, 255) !important; }<\/style>\n <\/div>\n\n <div class=\"socials\">\n <a class=\"nav-animate\" href=\"https:\/\/www.facebook.com\/share\/18A482YcY7\/?mibextid=wwXIfr\" target=\"_blank\" rel=\"noopener nofollow\">\n Facebook\n <span class=\"extIcon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M7 17L17 7\"\/><path d=\"M10 7h7v7\"\/><\/svg><\/span>\n <\/a>\n <a class=\"nav-animate\" href=\"#\" target=\"_blank\" rel=\"noopener\">\n LinkedIn\n <span class=\"extIcon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M7 17L17 7\"\/><path d=\"M10 7h7v7\"\/><\/svg><\/span>\n <\/a>\n <a class=\"nav-animate\" href=\"https:\/\/www.instagram.com\/nordyn.se?igsh=bzVwdHhudTRlOW9s&utm_source=qr\" target=\"_blank\" rel=\"noopener\">\n Instagram\n <span class=\"extIcon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M7 17L17 7\"\/><path d=\"M10 7h7v7\"\/><\/svg><\/span>\n <\/a>\n <\/div>\n <\/div>\n\n <div class=\"menuCTA\">\n <span class=\"menuCTA-text\">Intresserad av ett samarbete<\/span>\n <br>\n <a class=\"nav-animate\" href=\"\/kontakt\">\n Kontakta oss\n <span class=\"ctaArrow\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 12h12\"\/><path d=\"M13 6l6 6-6 6\"\/><\/svg><\/span>\n <\/a>\n <\/div>\n <\/div>\n\n <\/div>\n<\/div>\n\n<main>\n <section class=\"services-page-section\">\n <div class=\"services-page-container\">\n \n <div class=\"services-hero\">\n <h1>V\u00e5ra tj\u00e4nster \u2013 komplett digital n\u00e4rvaro med Nordyn<\/h1>\n <p class=\"services-hero-text\">P\u00e5 Nordyn hj\u00e4lper vi f\u00f6retag att bygga, f\u00f6rb\u00e4ttra och skala sin digitala n\u00e4rvaro. Vi \u00e4r en modern webbyr\u00e5 som kombinerar strategi, design och teknik f\u00f6r att skapa webbplatser och digitala l\u00f6sningar som inte bara ser bra ut \u2013 utan faktiskt driver aff\u00e4r.<\/p>\n <p class=\"services-hero-text\" style=\"margin-top:20px; font-size: 18px;\">Vi arbetar med allt fr\u00e5n nystartade varum\u00e4rken till etablerade f\u00f6retag och anpassar alltid l\u00f6sningen efter m\u00e5l, m\u00e5lgrupp och tillv\u00e4xtambition.<\/p>\n <\/div>\n\n <div class=\"services-detailed-grid\">\n \n <!-- Service 1: Webbdesign (L\u00e4nk) -->\n <a href=\"\/webbdesign\" class=\"service-detail-card\">\n <div class=\"service-header\">\n <div class=\"service-icon-wrap\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg>\n <\/div>\n <h2>Webbdesign<\/h2>\n <\/div>\n <p class=\"service-intro-text\">Vi designar webbplatser med fokus p\u00e5 anv\u00e4ndarupplevelse, tydlighet och konvertering. Designen \u00e4r alltid anpassad efter varum\u00e4rkets identitet och m\u00e5lgrupp.<\/p>\n <div class=\"read-more-arrow\">\n L\u00e4s mer <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"M12 5l7 7-7 7\"\/><\/svg>\n <\/div>\n <\/a>\n\n <!-- Service 2: E-handel (L\u00e4nk) -->\n <a href=\"\/e-handel\" class=\"service-detail-card\">\n <div class=\"service-header\">\n <div class=\"service-icon-wrap\">\n <svg viewBox=\"0 0 24 24\"><circle cx=\"9\" cy=\"21\" r=\"1\"\/><circle cx=\"20\" cy=\"21\" r=\"1\"\/><path d=\"M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6\"\/><\/svg>\n <\/div>\n <h2>E-handel<\/h2>\n <\/div>\n <p class=\"service-intro-text\">F\u00f6r f\u00f6retag som s\u00e4ljer produkter eller tj\u00e4nster online skapar vi skalbara och anv\u00e4ndarv\u00e4nliga e-handelsl\u00f6sningar som maximerar konvertering.<\/p>\n <div class=\"read-more-arrow\">\n L\u00e4s mer <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"M12 5l7 7-7 7\"\/><\/svg>\n <\/div>\n <\/a>\n\n <!-- Service 3: SEO (L\u00e4nk) -->\n <a href=\"\/SEO\" class=\"service-detail-card\">\n <div class=\"service-header\">\n <div class=\"service-icon-wrap\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/><polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\/><line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\/><\/svg>\n <\/div>\n <h2>SEO<\/h2>\n <\/div>\n <p class=\"service-intro-text\">En snygg webbplats \u00e4r v\u00e4rdel\u00f6s om den inte hittas. Vi bygger alltid v\u00e5ra l\u00f6sningar med SEO i grunden f\u00f6r b\u00e4sta m\u00f6jliga synlighet och ranking.<\/p>\n <div class=\"read-more-arrow\">\n L\u00e4s mer <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"M12 5l7 7-7 7\"\/><\/svg>\n <\/div>\n <\/a>\n\n <!-- Service 4: Branding (L\u00e4nk) - NY -->\n <a href=\"\/branding\" class=\"service-detail-card\">\n <div class=\"service-header\">\n <div class=\"service-icon-wrap\">\n <!-- En \"branding\"\/diamond ikon -->\n <svg viewBox=\"0 0 24 24\"><path d=\"M6 3h12l4 6-10 10L2 9l4-6z\"\/><\/svg>\n <\/div>\n <h2>Branding<\/h2>\n <\/div>\n <p class=\"service-intro-text\">Vi hj\u00e4lper er att bygga en stark visuell identitet och strategi som kommunicerar ert varum\u00e4rkes v\u00e4rderingar och skapar igenk\u00e4nning.<\/p>\n <div class=\"read-more-arrow\">\n L\u00e4s mer <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"M12 5l7 7-7 7\"\/><\/svg>\n <\/div>\n <\/a>\n\n <\/div>\n\n <!-- PROCESS SEKTION -->\n <div class=\"process-section\">\n <h2 class=\"section-title\">V\u00e5r arbetsprocess<\/h2>\n <div class=\"process-grid\">\n \n <div class=\"process-step\">\n <div class=\"step-number\">01<\/div>\n <div class=\"step-content\">\n <div class=\"step-title\">Analys & behov<\/div>\n <p class=\"step-text\">Vi s\u00e4tter oss in i verksamheten, m\u00e5len och m\u00e5lgruppen.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"process-step\">\n <div class=\"step-number\">02<\/div>\n <div class=\"step-content\">\n <div class=\"step-title\">Strategi & struktur<\/div>\n <p class=\"step-text\">Vi planerar inneh\u00e5ll, fl\u00f6de och teknisk l\u00f6sning.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"process-step\">\n <div class=\"step-number\">03<\/div>\n <div class=\"step-content\">\n <div class=\"step-title\">Design & utveckling<\/div>\n <p class=\"step-text\">Design tas fram och implementeras med fokus p\u00e5 prestanda och UX.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"process-step\">\n <div class=\"step-number\">04<\/div>\n <div class=\"step-content\">\n <div class=\"step-title\">Lansering<\/div>\n <p class=\"step-text\">Webbplatsen testas, optimeras och lanseras.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"process-step\">\n <div class=\"step-number\">05<\/div>\n <div class=\"step-content\">\n <div class=\"step-title\">Uppf\u00f6ljning<\/div>\n <p class=\"step-text\">Vi f\u00f6rb\u00e4ttrar och utvecklar l\u00f6sningen \u00f6ver tid.<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n <!-- RESULTAT SEKTION -->\n <div class=\"result-section\">\n <h2 style=\"font-size:32px; font-weight:700; margin-bottom:16px; color:#fff;\">Resultatet<\/h2>\n <p style=\"font-size:18px; color:rgba(255,255,255,0.7); max-width:600px; margin:0 auto;\">N\u00e4r du anlitar Nordyn f\u00e5r du digitala l\u00f6sningar som:<\/p>\n <ul class=\"result-list\">\n <li class=\"result-item\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Ser professionella och moderna ut<\/li>\n <li class=\"result-item\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> \u00c4r snabba, stabila och l\u00e4ttsk\u00f6tta<\/li>\n <li class=\"result-item\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Konverterar bes\u00f6kare till kunder<\/li>\n <li class=\"result-item\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> St\u00e4rker varum\u00e4rket l\u00e5ngsiktigt<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"services-cta\">\n <h2>Redo att starta ert projekt?<\/h2>\n <a href=\"\/kontakt\" class=\"btn-primary\">Kontakta oss<\/a>\n <\/div>\n\n <\/div>\n <\/section>\n<\/main>\n\n<footer class=\"footer\">\n<div class=\"footer-container\">\n<div class=\"footer-main\">\n<div class=\"footer-brand\">\n<div class=\"footer-logo\"><svg version=\"1.0\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"600pt\" height=\"167pt\" viewBox=\"0 0 600 167\" preserveAspectRatio=\"xMidYMid meet\"><g transform=\"translate(0,167) scale(0.1,-0.1)\" fill=\"currentColor\" stroke=\"none\"><path d=\"M4905 1460 c-59 -24 -91 -101 -69 -165 16 -48 31 -63 79 -79 147 -51 244 154 112 234 -33 21 -87 25 -122 10z\"\/><path d=\"M3335 1261 l-50 -6 -3 -133 -3 -132 -42 7 c-122 22 -219 1 -282 -62 -52 -51 -65 -92 -65 -201 0 -133 34 -210 110 -249 56 -29 169 -40 277 -26 54 8 107 12 118 11 11 -1 34 -3 50 -4 l30 -1 3 403 2 402 -47 -2 c-27 0 -70 -4 -98 -7z m-77 -462 c19 -7 22 -16 22 -63 0 -30 -4 -57 -9 -60 -22 -14 -127 -16 -151 -4 -47 25 -52 119 -7 138 23 10 106 3 145 -11z\"\/><path d=\"M1135 1000 c-85 -14 -154 -39 -165 -61 -6 -11 -9 -107 -8 -246 l3 -228 98 -3 97 -3 0 154 c0 124 3 157 15 167 8 6 43 13 79 13 50 2 68 -2 85 -17 20 -18 21 -29 21 -168 l0 -149 98 3 97 3 -1 180 c0 171 -1 183 -26 236 -41 89 -96 117 -243 124 -49 2 -117 0 -150 -5z\"\/><path d=\"M1825 986 c-212 -98 -212 -412 0 -512 72 -34 208 -34 281 0 205 96 205 416 0 512 -73 34 -209 34 -281 0z m218 -195 c15 -14 22 -34 22 -61 0 -55 -29 -81 -94 -88 -46 -4 -53 -2 -81 26 -21 21 -30 40 -30 62 0 22 9 41 30 62 28 28 35 30 81 26 34 -4 58 -12 72 -27z\"\/><path d=\"M2465 1003 c-27 -2 -60 -6 -72 -8 l-23 -5 0 -266 0 -265 98 3 97 3 -3 125 -4 125 30 28 c32 30 70 37 134 24 l37 -8 15 53 c26 90 38 180 27 191 -5 5 -37 8 -70 5 -45 -3 -72 -12 -111 -36 -28 -18 -54 -32 -56 -32 -3 0 -5 10 -4 23 4 40 0 47 -22 45 -13 -1 -45 -3 -73 -5z\"\/><path d=\"M4485 999 c-84 -12 -153 -37 -165 -60 -6 -11 -9 -107 -8 -246 l3 -228 95 0 95 0 5 160 5 160 50 7 c28 5 64 6 82 3 56 -10 63 -32 63 -193 l0 -143 98 3 97 3 3 130 c5 225 -26 333 -106 374 -74 38 -189 48 -317 30z\"\/><path d=\"M3574 985 c-16 -41 139 -430 193 -487 l26 -27 -37 -88 c-20 -48 -36 -93 -36 -99 0 -6 37 -27 83 -46 61 -27 85 -33 94 -24 6 6 40 83 76 171 86 213 128 315 193 467 30 70 54 132 54 137 0 16 -195 15 -207 -1 -6 -7 -34 -72 -63 -145 -58 -143 -66 -160 -75 -152 -3 3 -19 69 -37 145 -17 76 -35 145 -41 152 -15 19 -216 17 -223 -3z\"\/><\/g><\/svg><\/div>\n<p class=\"footer-tagline\">Nordyn Webbyr\u00e5 Stockholm<\/p>\n<div class=\"footer-contact\"><a href=\"mailto:info@nordyn.se\">info@nordyn.se<\/a><br><a href=\"tel:+46722075505\">+46 72-207 55 05<\/a><br>Stockholm, Sverige<\/div>\n<\/div>\n<div class=\"footer-column\">\n<h4>Tj\u00e4nster<\/h4>\n<div class=\"footer-links\"><a href=\"\/webbdesign\">Webbdesign<\/a><a href=\"\/e-handel\">E-handel<\/a><a href=\"\/SEO\">SEO<\/a><a href=\"\/branding\">Branding<\/a><\/div>\n<\/div>\n<div class=\"footer-column\">\n<h4>F\u00f6retag<\/h4>\n<div class=\"footer-links\"><a href=\"\/om-nordyn\">Om Nordyn<\/a><a href=\"\/lediga-tjanster\">Lediga tj\u00e4nster<\/a><a href=\"\/blogg\">Blogg<\/a><\/div>\n<\/div>\n<div class=\"footer-column\">\n<h4>Sociala medier<\/h4>\n<div class=\"footer-links\"><a href=\"https:\/\/www.facebook.com\/share\/18A482YcY7\/?mibextid=wwXIfr\" rel=\"nofollow noopener\" target=\"_blank\">Facebook<\/a><a href=\"#\">LinkedIn<\/a><a href=\"https:\/\/www.instagram.com\/nordyn.se?igsh=bzVwdHhudTRlOW9s&utm_source=qr\">Instagram<\/a><\/div>\n<\/div>\n<\/div>\n<div class=\"footer-bottom\">\n<a href=\"\/Integritetspolicy\">Integritetspolicy<\/a><a href=\"\/cookiepolicy\">Cookiepolicy<\/a><a href=\"\/anvandarvillkor\">Anv\u00e4ndarvillkor<\/a><a href=\"\/gdpr\">GDPR<\/a>\n<\/div>\n<\/div>\n<\/footer>\n\n<script>\n\/\/ MENY OCH HEADER LOGIK\ndocument.addEventListener('DOMContentLoaded', () => {\n const toggle = document.getElementById('menuToggle');\n const close = document.getElementById('menuClose');\n const overlay = document.getElementById('menuOverlay');\n const mainHeader = document.getElementById('mainHeader');\n const headerTagline = document.getElementById('headerTagline');\n \n function openMenu() {\n mainHeader.classList.add('hidden'); \/\/ D\u00f6lj header\n overlay.classList.add('open');\n overlay.classList.remove('closing');\n document.body.style.overflow = 'hidden';\n }\n \n function closeMenu() {\n mainHeader.classList.remove('hidden'); \/\/ Visa header\n overlay.classList.remove('open');\n overlay.classList.add('closing');\n document.body.style.overflow = '';\n setTimeout(() => {\n overlay.classList.remove('closing');\n }, 600);\n }\n \n \/\/ FIX: L\u00e4gg till blur p\u00e5 klick f\u00f6r att d\u00f6da bl\u00e5 markering\n if(toggle) {\n toggle.addEventListener('click', function(e) {\n if(e) e.preventDefault();\n this.blur();\n openMenu();\n });\n }\n \n if(close) {\n close.addEventListener('click', function(e) {\n if(e) e.preventDefault();\n this.blur();\n closeMenu();\n });\n }\n\n \/\/ Header fade vid scroll\n if (headerTagline) {\n window.addEventListener('scroll', () => {\n if (window.scrollY > 10) { headerTagline.classList.add('fade-out'); } \n else { headerTagline.classList.remove('fade-out'); }\n });\n }\n});\n\n\/\/ FUNKTION F\u00d6R ATT \u00d6PPNA\/ST\u00c4NGA TJ\u00c4NSTER MENYN (Samma som startsidan)\nfunction toggleSubmenu(event) {\n event.preventDefault();\n event.stopPropagation();\n \n \/\/ JS-hack: Ta bort fokus omedelbart\n if (event.currentTarget) {\n event.currentTarget.blur();\n }\n \n const menuItem = document.getElementById('servicesMenuItem');\n menuItem.classList.toggle('has-expanded');\n}\n<\/script>\n<\/body>\n<\/html>\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>V\u00e5ra Tj\u00e4nster \u2014 Nordyn Digitalbyr\u00e5 \/ Webbbyr\u00e5 Stockholm Kontakta oss Meny + Digitalbyr\u00e5 \/ Webbbyr\u00e5 Stockholm Meny \u00d7 Startsida Case Tj\u00e4nster Webbdesign […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"inline_featured_image":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1390","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/pages\/1390","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/comments?post=1390"}],"version-history":[{"count":15,"href":"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/pages\/1390\/revisions"}],"predecessor-version":[{"id":1871,"href":"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/pages\/1390\/revisions\/1871"}],"wp:attachment":[{"href":"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/media?parent=1390"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}