Nordyn \u2014 Insikter & Blogg<\/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 (H\u00e4mtat fr\u00e5n startsidan) --- *\/\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 --bg-dark: #000000;\n --text-light: #ffffff;\n}\n\n\/* GLOBAL RESET & BAS *\/\n*{box-sizing:border-box}\n\nhtml, body {\n background-color: var(--bg-dark);\n margin: 0;\n padding: 0;\n width: 100%;\n overscroll-behavior-y: none;\n font-family: Inter, system-ui, sans-serif;\n color: var(--text-light);\n overflow-x: hidden;\n}\n\n\/* FIX F\u00d6R KNAPPAR *\/\nbutton:focus, a:focus {\n outline: none !important;\n box-shadow: none !important;\n}\n\n\/* -----------------------------------------------------------\n HEADER (Exakt kopia f\u00f6r konsistens)\n ----------------------------------------------------------- *\/\n.header {\n position:fixed;\n top:0; \n left:0;\n right:0;\n z-index:9999;\n padding: 22px 40px;\n display:flex;\n align-items: flex-start;\n justify-content:space-between;\n gap:16px;\n background: transparent;\n mix-blend-mode: difference; \n color: #fff;\n transition: opacity 0.3s ease;\n}\n.header.hidden { opacity: 0; pointer-events: none; }\n\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\n.tagline {\n font-size:13px;\n line-height:1.3;\n color: #fff !important;\n opacity: 0.9;\n font-weight: 500;\n max-width: 200px;\n}\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 {\n color:inherit; text-decoration:none; font-size:14px; font-weight:600;\n opacity:.92; padding-top:2px; position:relative; padding-bottom:6px;\n}\n.nav a.contact::after {\n content:\"\"; position:absolute; left:0; bottom:0; height:1px; width:100%;\n background: currentColor; transform: scaleX(0); transform-origin: left;\n transition: transform .3s ease; opacity:.95;\n}\n.nav a.contact:hover::after { transform: scaleX(1); }\n\n\/* MENU TOGGLE STYLES *\/\n.menuToggle, .menuToggleOverlay {\n all:unset; cursor:pointer; display:inline-flex; align-items:center; gap:12px;\n font-size:15px; font-weight:600; color: #fff; position:relative;\n padding-bottom: 4px; border-bottom: 1px solid rgba(255,255,255,0.6); \n transition: border-color 0.3s ease;\n}\n.menuToggle:hover, .menuToggleOverlay:hover { border-color: #fff; }\n.menuIcon { font-size:18px; line-height:1; transform: translateY(-1px); }\n\n\/* -----------------------------------------------------------\n FULLSK\u00c4RMSMENY (Kopierad logik)\n ----------------------------------------------------------- *\/\n.menuOverlay {\n position:fixed; inset:0; background:#000; z-index:9990;\n transform: translateY(-100%); opacity: 1; visibility:hidden;\n transition: transform .6s cubic-bezier(0.77, 0, 0.175, 1), visibility .6s ease;\n}\n.menuOverlay.opening, .menuOverlay.open { visibility:visible; transform: translateY(0); }\n.menuOverlay.closing { transform: translateY(-100%); visibility:hidden; }\n\n.menuInner { min-height: 100svh; height: 100svh; padding: 0; display:flex; flex-direction:column; overflow:hidden; overflow-y: auto; }\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.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.menuLink {\n color: rgba(255,255,255,0.5); text-decoration:none;\n font-size: clamp(32px, 5vw, 48px); font-weight:700; letter-spacing:-0.02em;\n position:relative; display:inline-block; padding:0; line-height:1.1;\n transition: color 0.3s ease;\n}\n.menuLink:hover { color: #fff; }\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\n\/* -----------------------------------------------------------\n BLOGG SPECIFIK CSS\n ----------------------------------------------------------- *\/\n\n\/* Layout Container *\/\n.container-blog {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 var(--pad);\n}\n\n\/* Blog Hero Section *\/\n.blog-hero-section {\n padding-top: clamp(140px, 20vh, 200px);\n padding-bottom: clamp(60px, 8vh, 100px);\n background-color: var(--bg-dark);\n}\n\n.blog-title {\n font-size: clamp(48px, 8vw, 96px);\n font-weight: 800;\n letter-spacing: -0.04em;\n line-height: 0.95;\n margin: 0 0 24px 0;\n color: #fff;\n}\n\n.blog-subtitle {\n font-size: clamp(18px, 2vw, 24px);\n color: var(--accent);\n font-weight: 500;\n margin-bottom: 24px;\n display: block;\n}\n\n.blog-intro {\n font-size: clamp(16px, 1.5vw, 18px);\n line-height: 1.6;\n color: var(--muted);\n max-width: 600px;\n margin: 0;\n}\n\n\/* Filter \/ Kategorier *\/\n.blog-filter {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n margin-bottom: 60px;\n padding-bottom: 20px;\n border-bottom: 1px solid var(--line);\n}\n\n.filter-btn {\n background: transparent;\n border: 1px solid rgba(255,255,255,0.15);\n color: rgba(255,255,255,0.6);\n padding: 8px 16px;\n border-radius: 100px;\n font-size: 13px;\n font-weight: 500;\n cursor: pointer;\n transition: all 0.2s ease;\n text-decoration: none;\n letter-spacing: 0.02em;\n}\n\n.filter-btn:hover, .filter-btn.active {\n color: #fff;\n border-color: #fff;\n background: rgba(255,255,255,0.05);\n}\n\n\/* Grid Layout *\/\n.blog-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));\n gap: 50px 40px;\n margin-bottom: 120px;\n}\n\n\/* Blog Card *\/\n.blog-card {\n display: flex;\n flex-direction: column;\n text-decoration: none;\n group: pointer;\n background: transparent;\n transition: transform 0.3s ease;\n}\n\n.blog-card:hover {\n transform: translateY(-5px);\n}\n\n\/* Abstract Thumbnails (CSS Generated) *\/\n.blog-thumb {\n width: 100%;\n aspect-ratio: 16\/9;\n background: #111;\n border-radius: 8px;\n margin-bottom: 24px;\n overflow: hidden;\n position: relative;\n border: 1px solid rgba(255,255,255,0.05);\n}\n\n\/* Olika abstrakta m\u00f6nster f\u00f6r placeholders *\/\n.thumb-gradient-1 { background: linear-gradient(135deg, #1a1a1a 0%, #111 100%); }\n.thumb-gradient-1::after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background: radial-gradient(circle at 80% 20%, rgba(138,116,255,0.15), transparent 40%); }\n\n.thumb-gradient-2 { background: linear-gradient(135deg, #0f0f0f 0%, #161616 100%); }\n.thumb-gradient-2::after { content:''; position:absolute; bottom:-20%; left:-20%; width:80%; height:80%; border-radius:50%; background: radial-gradient(circle, rgba(255,255,255,0.05), transparent 60%); }\n\n.thumb-gradient-3 { background: linear-gradient(45deg, #111 0%, #1a1a1a 100%); }\n.thumb-gradient-3::after { content:''; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:60%; height:1px; background: rgba(255,255,255,0.1); }\n\n.blog-meta {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 12px;\n font-size: 12px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.post-cat { color: var(--accent); }\n.post-date { color: rgba(255,255,255,0.4); font-weight: 400; }\n\n.blog-card h3 {\n font-size: 24px;\n line-height: 1.3;\n margin: 0 0 12px 0;\n color: #fff;\n font-weight: 700;\n transition: color 0.2s ease;\n}\n\n.blog-card:hover h3 {\n text-decoration: underline;\n text-decoration-color: rgba(255,255,255,0.3);\n text-underline-offset: 4px;\n}\n\n.blog-excerpt {\n font-size: 15px;\n line-height: 1.6;\n color: rgba(255,255,255,0.6);\n margin: 0;\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n overflow: hidden;\n}\n\n\/* Empty State \/ Footer av blogglistan *\/\n.blog-footer-message {\n padding: 40px 0;\n border-top: 1px solid var(--line);\n color: rgba(255,255,255,0.4);\n font-size: 14px;\n font-style: italic;\n}\n\n\/* -----------------------------------------------------------\n CTA SECTION (Designad f\u00f6r Blogg - R\u00e5dgivande ton)\n ----------------------------------------------------------- *\/\n.advisory-cta {\n padding: clamp(80px, 12vh, 120px) var(--pad);\n background: linear-gradient(to bottom, #000, #050505);\n text-align: left;\n border-top: 1px solid var(--line);\n}\n\n.advisory-inner {\n max-width: 800px;\n margin: 0 auto;\n text-align: center;\n}\n\n.advisory-inner h2 {\n font-size: clamp(32px, 5vw, 48px);\n margin: 0 0 20px 0;\n color: #fff;\n letter-spacing: -0.02em;\n}\n\n.advisory-inner p {\n font-size: 18px;\n color: var(--muted);\n margin: 0 0 40px 0;\n line-height: 1.6;\n}\n\n.cta-button {\n display:inline-flex; align-items:center; gap:12px; \n padding:16px 32px; background:var(--accent); color:#fff; \n text-decoration:none; font-weight:600; font-size:16px; \n border-radius:6px; transition:transform .2s ease, background-color .2s ease;\n}\n.cta-button:hover { transform: translateY(-2px); background-color: #7660ea; }\n\n\/* -----------------------------------------------------------\n FOOTER (Samma som startsida)\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\/* MOBIL ANPASSNING *\/\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 \n .nav a.contact { display:none; }\n .menuToggle { margin-top: -12px; }\n \n .blog-grid { grid-template-columns: 1fr; gap: 40px; }\n .blog-hero-section { padding-top: 120px; }\n \n .footer-main{grid-template-columns:1fr;gap:40px}\n}\n<\/style>\n<\/head>\n<body>\n\n\n<header class=\"header invert\" id=\"mainHeader\">\n <div class=\"brand\">\n <div class=\"logoMark\" aria-label=\"Nordyn logga\">\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 <\/div>\n <div class=\"tagline\" id=\"headerTagline\">Digital Agency \/ Web Agency Stockholm<\/div>\n <\/div>\n\n <nav class=\"nav\" aria-label=\"Toppmeny\">\n <a class=\"contact\" href=\"\/en\/kontakt\/\">Get in touch<\/a>\n <button class=\"menuToggle\" id=\"menuToggle\" type=\"button\" onclick=\"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 Menu <span class=\"menuIcon\" id=\"menuIcon\">+<\/span>\n <\/button>\n <\/nav>\n<\/header>\n\n\n<div class=\"menuOverlay\" id=\"menuOverlay\" aria-hidden=\"true\">\n <div class=\"menuInner\">\n <div class=\"menuTop\">\n <div class=\"brand\">\n <div 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 <\/div>\n <div class=\"tagline\" style=\"color: rgba(255,255,255,.7); mix-blend-mode:normal;\">Digital Agency \/ Web Agency Stockholm<\/div>\n <\/div>\n\n <button class=\"menuToggleOverlay\" id=\"menuClose\" type=\"button\" onclick=\"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 Menu <span class=\"menuIcon\">\u00d7<\/span>\n <\/button>\n <\/div>\n\n <div class=\"menuContent\">\n <ul class=\"menuList\" aria-label=\"Menu\">\n <li class=\"menuItem\" style=\"--d: 80ms;\"><div class=\"menuRow\"><a class=\"menuLink\" href=\"\/en\/\" style=\"color: rgba(255,255,255,0.5);\">Startpage<\/a><\/div><\/li>\n <li class=\"menuItem\" style=\"--d: 160ms;\"><div class=\"menuRow\"><a class=\"menuLink\" href=\"\/en\/case\/\">Our work<\/a><\/div><\/li>\n <li class=\"menuItem\" style=\"--d: 240ms;\"><div class=\"menuRow\"><a class=\"menuLink\" href=\"\/en\/tjanster\/\">Services<\/a><\/div><\/li>\n <li class=\"menuItem\" style=\"--d: 320ms;\"><div class=\"menuRow\"><a class=\"menuLink\" href=\"\/en\/vart-lofte\/\">Our Promise<\/a><\/div><\/li>\n \n <li class=\"menuItem\" style=\"--d: 400ms;\"><div class=\"menuRow\"><a class=\"menuLink\" href=\"\/en\/blogg\/\" style=\"color:#fff;\">Blog<\/a><\/div><\/li>\n <li class=\"menuItem\" style=\"--d: 480ms;\"><div class=\"menuRow\"><a class=\"menuLink\" href=\"\/en\/kontakt\/\">Contact<\/a><\/div><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"menuBottom\">\n <div class=\"menuCTA\" style=\"width:100%;\">\n <span class=\"menuCTA-text\">Intresserad av ett samarbete?<\/span>\n <br>\n <a href=\"\/en\/kontakt\/\">Get in touch<\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<section class=\"blog-hero-section\">\n <div class=\"container-blog\">\n <span class=\"blog-subtitle\">Blogg & Insikter<\/span>\n <h1 class=\"blog-title\">Kunskap f\u00f6r l\u00e5ngsiktig<br>digital framg\u00e5ng.<\/h1>\n <p class=\"blog-intro\">\n H\u00e4r delar Nordyn insikter, guider och strategier om webbdesign, SEO, e-handel och varum\u00e4rkesbyggande \u2013 med fokus p\u00e5 moderna l\u00f6sningar som skapar aff\u00e4rsv\u00e4rde.\n <\/p>\n <\/div>\n<\/section>\n\n\n<section class=\"blog-content\">\n <div class=\"container-blog\">\n \n \n <div class=\"blog-filter\">\n <a href=\"#\" class=\"filter-btn active\">Alla<\/a>\n <a href=\"#\" class=\"filter-btn\">Web Design<\/a>\n <a href=\"#\" class=\"filter-btn\">SEO<\/a>\n <a href=\"#\" class=\"filter-btn\">E-commerce<\/a>\n <a href=\"#\" class=\"filter-btn\">Branding<\/a>\n <a href=\"#\" class=\"filter-btn\">Insikter<\/a>\n <\/div>\n\n \n <div class=\"blog-grid\">\n \n \n <a href=\"\/en\/blogg\/hastighet-seo\/\" class=\"blog-card\">\n <div class=\"blog-thumb thumb-gradient-1\"><\/div>\n <div class=\"blog-meta\">\n <span class=\"post-cat\">SEO<\/span>\n <span class=\"post-date\">22 Okt 2025<\/span>\n <\/div>\n <h3>Varf\u00f6r laddningstid \u00e4r avg\u00f6rande f\u00f6r din ranking 2026<\/h3>\n <p class=\"blog-excerpt\">\n Google forts\u00e4tter att prioritera anv\u00e4ndarupplevelsen. Vi g\u00e5r igenom de tekniska aspekterna av Core Web Vitals och hur du optimerar din webbplats f\u00f6r b\u00e5de hastighet och konvertering.\n <\/p>\n <\/a>\n\n \n <a href=\"\/en\/blogg\/minimalism-ehandel\/\" class=\"blog-card\">\n <div class=\"blog-thumb thumb-gradient-2\"><\/div>\n <div class=\"blog-meta\">\n <span class=\"post-cat\">E-commerce<\/span>\n <span class=\"post-date\">10 Okt 2025<\/span>\n <\/div>\n <h3>Balansen mellan minimalism och funktion i e-handel<\/h3>\n <p class=\"blog-excerpt\">\n En avskalad design kan \u00f6ka konverteringen, men det finns fallgropar. L\u00e4r dig hur du skapar en friktionsfri k\u00f6pupplevelse utan att tappa viktig information.\n <\/p>\n <\/a>\n\n \n <a href=\"\/en\/blogg\/visuell-identitet\/\" class=\"blog-card\">\n <div class=\"blog-thumb thumb-gradient-3\"><\/div>\n <div class=\"blog-meta\">\n <span class=\"post-cat\">Branding<\/span>\n <span class=\"post-date\">28 Sep 2025<\/span>\n <\/div>\n <h3>Fr\u00e5n logotyp till komplett digital identitet<\/h3>\n <p class=\"blog-excerpt\">\n Ett varum\u00e4rke \u00e4r mer \u00e4n bara en symbol. Vi tittar p\u00e5 hur typografi, f\u00e4rgs\u00e4ttning och bildspr\u00e5k samspelar f\u00f6r att bygga f\u00f6rtroende online.\n <\/p>\n <\/a>\n\n \n <a href=\"\/en\/blogg\/framtidens-webb\/\" class=\"blog-card\">\n <div class=\"blog-thumb thumb-gradient-1\"><\/div>\n <div class=\"blog-meta\">\n <span class=\"post-cat\">Web Design<\/span>\n <span class=\"post-date\">15 Sep 2025<\/span>\n <\/div>\n <h3>Dark Mode som standard \u2013 \u00e4r vi d\u00e4r \u00e4n?<\/h3>\n <p class=\"blog-excerpt\">\n Allt fler anv\u00e4ndare f\u00f6redrar m\u00f6rka gr\u00e4nssnitt. \u00c4r det dags att designa \"Dark First\", och vad kr\u00e4vs f\u00f6r att det ska fungera tillg\u00e4nglighetsm\u00e4ssigt?\n <\/p>\n <\/a>\n\n <\/div>\n\n <div class=\"blog-footer-message\">\n Nya artiklar och guider publiceras l\u00f6pande.\n <\/div>\n\n <\/div>\n<\/section>\n\n\n<section class=\"advisory-cta\">\n <div class=\"advisory-inner\">\n <h2>Vill du ha hj\u00e4lp inom dessa omr\u00e5den?<\/h2>\n <p>Vi tar g\u00e4rna en f\u00f6ruts\u00e4ttningsl\u00f6s genomg\u00e5ng av ditt projekt f\u00f6r att se hur vi kan st\u00e4rka er digitala n\u00e4rvaro l\u00e5ngsiktigt.<\/p>\n <a href=\"\/en\/kontakt\/\" class=\"cta-button\">\n Kontakta Nordyn \n <svg viewbox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M5 12h14\"\/><path d=\"M12 5l7 7-7 7\"\/><\/svg>\n <\/a>\n <\/div>\n<\/section>\n\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 Web Agency Stockholm<\/p>\n<div class=\"footer-contact\"><a href=\"mailto:info@nordyn.se\">info@nordyn.se<\/a><br><a href=\"tel:+46729683400\">+46 72-968 34 00<\/a><br>Stockholm, Sweden<\/div>\n<\/div>\n<div class=\"footer-column\">\n<h4>Services<\/h4>\n<div class=\"footer-links\"><a href=\"\/en\/webbdesign\/\">Web Design<\/a><a href=\"\/en\/E-handel\/\">E-commerce<\/a><a href=\"\/en\/SEO\/\">SEO<\/a><a href=\"\/en\/Branding\/\">Branding<\/a><\/div>\n<\/div>\n<div class=\"footer-column\">\n<h4>Company<\/h4>\n<div class=\"footer-links\"><a href=\"\/en\/om-nordyn\/\">About Nordyn<\/a><a href=\"\/en\/Lediga-tjanster\/\">Open Positions<\/a><a href=\"\/en\/Blogg\/\">Blog<\/a><\/div>\n<\/div>\n<div class=\"footer-column\">\n<h4>Socials<\/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=\"\/en\/Integritetspolicy\/\">Privacy Policy<\/a><a href=\"\/en\/cookiepolicy\/\">Cookiepolicy<\/a><a href=\"\/en\/Anvandarvillkor\/\">Terms of Service<\/a><a href=\"\/en\/GDPR\/\">GDPR<\/a>\n<\/div>\n<\/div>\n<\/footer>\n\n<script>\n\/\/ HEADER FADE (Beh\u00e5llen fr\u00e5n original)\ndocument.addEventListener('DOMContentLoaded', (event) => {\n const headerTagline = document.getElementById('headerTagline');\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\/\/ FULLSCREEN MENU LOGIC (Beh\u00e5llen fr\u00e5n original)\nconst menuToggle = document.getElementById(\"menuToggle\");\nconst menuOverlay = document.getElementById(\"menuOverlay\");\nconst menuClose = document.getElementById(\"menuClose\");\nconst mainHeader = document.getElementById(\"mainHeader\"); \n\nfunction openMenu(){\n mainHeader.classList.add('hidden');\n menuOverlay.classList.remove(\"closing\");\n menuOverlay.classList.add(\"opening\");\n \n menuOverlay.setAttribute(\"aria-hidden\",\"false\");\n menuToggle.setAttribute(\"aria-expanded\",\"true\");\n document.body.style.overflow = \"hidden\";\n \n setTimeout(() => {\n menuOverlay.classList.remove(\"opening\");\n menuOverlay.classList.add(\"open\");\n }, 400);\n}\n\nfunction closeMenu(){\n mainHeader.classList.remove('hidden');\n menuOverlay.classList.remove(\"open\");\n menuOverlay.classList.add(\"closing\");\n \n setTimeout(() => {\n menuOverlay.classList.remove(\"closing\");\n menuOverlay.setAttribute(\"aria-hidden\",\"true\");\n menuToggle.setAttribute(\"aria-expanded\",\"false\");\n document.body.style.overflow = \"\";\n }, 400);\n}\n\nif(menuToggle){\n menuToggle.addEventListener(\"click\", function(e) {\n if(e) e.preventDefault();\n this.blur(); \n \n if (menuOverlay.classList.contains(\"open\") || menuOverlay.classList.contains(\"opening\")) {\n closeMenu();\n } else {\n openMenu();\n }\n });\n}\nif(menuClose) menuClose.addEventListener(\"click\", closeMenu);\n\nwindow.addEventListener(\"keydown\", (e) => {\n if (e.key === \"Escape\" && menuOverlay.classList.contains(\"open\")) closeMenu();\n});\n\n\/\/ ENKEL FILTER LOGIK (Visuell demo)\nconst filterBtns = document.querySelectorAll('.filter-btn');\nfilterBtns.forEach(btn => {\n btn.addEventListener('click', (e) => {\n e.preventDefault();\n filterBtns.forEach(b => b.classList.remove('active'));\n btn.classList.add('active');\n \/\/ H\u00e4r skulle logik f\u00f6r att d\u00f6lja\/visa artiklar ligga\n });\n});\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Nordyn \u2014 Insikter & Blogg Digitalbyr\u00e5 \/ Webbbyr\u00e5 Stockholm Kontakta oss Meny + Digitalbyr\u00e5 \/ Webbbyr\u00e5 Stockholm Meny \u00d7 Startsida Case Tj\u00e4nster […]<\/p>","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-1464","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/pages\/1464","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=1464"}],"version-history":[{"count":10,"href":"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/pages\/1464\/revisions"}],"predecessor-version":[{"id":1747,"href":"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/pages\/1464\/revisions\/1747"}],"wp:attachment":[{"href":"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/media?parent=1464"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\n\nNordyn \u2014 Insikter & Blogg<\/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 (H\u00e4mtat fr\u00e5n startsidan) --- *\/\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 --bg-dark: #000000;\n --text-light: #ffffff;\n}\n\n\/* GLOBAL RESET & BAS *\/\n*{box-sizing:border-box}\n\nhtml, body {\n background-color: var(--bg-dark);\n margin: 0;\n padding: 0;\n width: 100%;\n overscroll-behavior-y: none;\n font-family: Inter, system-ui, sans-serif;\n color: var(--text-light);\n overflow-x: hidden;\n}\n\n\/* FIX F\u00d6R KNAPPAR *\/\nbutton:focus, a:focus {\n outline: none !important;\n box-shadow: none !important;\n}\n\n\/* -----------------------------------------------------------\n HEADER (Exakt kopia f\u00f6r konsistens)\n ----------------------------------------------------------- *\/\n.header {\n position:fixed;\n top:0; \n left:0;\n right:0;\n z-index:9999;\n padding: 22px 40px;\n display:flex;\n align-items: flex-start;\n justify-content:space-between;\n gap:16px;\n background: transparent;\n mix-blend-mode: difference; \n color: #fff;\n transition: opacity 0.3s ease;\n}\n.header.hidden { opacity: 0; pointer-events: none; }\n\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\n.tagline {\n font-size:13px;\n line-height:1.3;\n color: #fff !important;\n opacity: 0.9;\n font-weight: 500;\n max-width: 200px;\n}\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 {\n color:inherit; text-decoration:none; font-size:14px; font-weight:600;\n opacity:.92; padding-top:2px; position:relative; padding-bottom:6px;\n}\n.nav a.contact::after {\n content:\"\"; position:absolute; left:0; bottom:0; height:1px; width:100%;\n background: currentColor; transform: scaleX(0); transform-origin: left;\n transition: transform .3s ease; opacity:.95;\n}\n.nav a.contact:hover::after { transform: scaleX(1); }\n\n\/* MENU TOGGLE STYLES *\/\n.menuToggle, .menuToggleOverlay {\n all:unset; cursor:pointer; display:inline-flex; align-items:center; gap:12px;\n font-size:15px; font-weight:600; color: #fff; position:relative;\n padding-bottom: 4px; border-bottom: 1px solid rgba(255,255,255,0.6); \n transition: border-color 0.3s ease;\n}\n.menuToggle:hover, .menuToggleOverlay:hover { border-color: #fff; }\n.menuIcon { font-size:18px; line-height:1; transform: translateY(-1px); }\n\n\/* -----------------------------------------------------------\n FULLSK\u00c4RMSMENY (Kopierad logik)\n ----------------------------------------------------------- *\/\n.menuOverlay {\n position:fixed; inset:0; background:#000; z-index:9990;\n transform: translateY(-100%); opacity: 1; visibility:hidden;\n transition: transform .6s cubic-bezier(0.77, 0, 0.175, 1), visibility .6s ease;\n}\n.menuOverlay.opening, .menuOverlay.open { visibility:visible; transform: translateY(0); }\n.menuOverlay.closing { transform: translateY(-100%); visibility:hidden; }\n\n.menuInner { min-height: 100svh; height: 100svh; padding: 0; display:flex; flex-direction:column; overflow:hidden; overflow-y: auto; }\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.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.menuLink {\n color: rgba(255,255,255,0.5); text-decoration:none;\n font-size: clamp(32px, 5vw, 48px); font-weight:700; letter-spacing:-0.02em;\n position:relative; display:inline-block; padding:0; line-height:1.1;\n transition: color 0.3s ease;\n}\n.menuLink:hover { color: #fff; }\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\n\/* -----------------------------------------------------------\n BLOGG SPECIFIK CSS\n ----------------------------------------------------------- *\/\n\n\/* Layout Container *\/\n.container-blog {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 var(--pad);\n}\n\n\/* Blog Hero Section *\/\n.blog-hero-section {\n padding-top: clamp(140px, 20vh, 200px);\n padding-bottom: clamp(60px, 8vh, 100px);\n background-color: var(--bg-dark);\n}\n\n.blog-title {\n font-size: clamp(48px, 8vw, 96px);\n font-weight: 800;\n letter-spacing: -0.04em;\n line-height: 0.95;\n margin: 0 0 24px 0;\n color: #fff;\n}\n\n.blog-subtitle {\n font-size: clamp(18px, 2vw, 24px);\n color: var(--accent);\n font-weight: 500;\n margin-bottom: 24px;\n display: block;\n}\n\n.blog-intro {\n font-size: clamp(16px, 1.5vw, 18px);\n line-height: 1.6;\n color: var(--muted);\n max-width: 600px;\n margin: 0;\n}\n\n\/* Filter \/ Kategorier *\/\n.blog-filter {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n margin-bottom: 60px;\n padding-bottom: 20px;\n border-bottom: 1px solid var(--line);\n}\n\n.filter-btn {\n background: transparent;\n border: 1px solid rgba(255,255,255,0.15);\n color: rgba(255,255,255,0.6);\n padding: 8px 16px;\n border-radius: 100px;\n font-size: 13px;\n font-weight: 500;\n cursor: pointer;\n transition: all 0.2s ease;\n text-decoration: none;\n letter-spacing: 0.02em;\n}\n\n.filter-btn:hover, .filter-btn.active {\n color: #fff;\n border-color: #fff;\n background: rgba(255,255,255,0.05);\n}\n\n\/* Grid Layout *\/\n.blog-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));\n gap: 50px 40px;\n margin-bottom: 120px;\n}\n\n\/* Blog Card *\/\n.blog-card {\n display: flex;\n flex-direction: column;\n text-decoration: none;\n group: pointer;\n background: transparent;\n transition: transform 0.3s ease;\n}\n\n.blog-card:hover {\n transform: translateY(-5px);\n}\n\n\/* Abstract Thumbnails (CSS Generated) *\/\n.blog-thumb {\n width: 100%;\n aspect-ratio: 16\/9;\n background: #111;\n border-radius: 8px;\n margin-bottom: 24px;\n overflow: hidden;\n position: relative;\n border: 1px solid rgba(255,255,255,0.05);\n}\n\n\/* Olika abstrakta m\u00f6nster f\u00f6r placeholders *\/\n.thumb-gradient-1 { background: linear-gradient(135deg, #1a1a1a 0%, #111 100%); }\n.thumb-gradient-1::after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background: radial-gradient(circle at 80% 20%, rgba(138,116,255,0.15), transparent 40%); }\n\n.thumb-gradient-2 { background: linear-gradient(135deg, #0f0f0f 0%, #161616 100%); }\n.thumb-gradient-2::after { content:''; position:absolute; bottom:-20%; left:-20%; width:80%; height:80%; border-radius:50%; background: radial-gradient(circle, rgba(255,255,255,0.05), transparent 60%); }\n\n.thumb-gradient-3 { background: linear-gradient(45deg, #111 0%, #1a1a1a 100%); }\n.thumb-gradient-3::after { content:''; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:60%; height:1px; background: rgba(255,255,255,0.1); }\n\n.blog-meta {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 12px;\n font-size: 12px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.post-cat { color: var(--accent); }\n.post-date { color: rgba(255,255,255,0.4); font-weight: 400; }\n\n.blog-card h3 {\n font-size: 24px;\n line-height: 1.3;\n margin: 0 0 12px 0;\n color: #fff;\n font-weight: 700;\n transition: color 0.2s ease;\n}\n\n.blog-card:hover h3 {\n text-decoration: underline;\n text-decoration-color: rgba(255,255,255,0.3);\n text-underline-offset: 4px;\n}\n\n.blog-excerpt {\n font-size: 15px;\n line-height: 1.6;\n color: rgba(255,255,255,0.6);\n margin: 0;\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n overflow: hidden;\n}\n\n\/* Empty State \/ Footer av blogglistan *\/\n.blog-footer-message {\n padding: 40px 0;\n border-top: 1px solid var(--line);\n color: rgba(255,255,255,0.4);\n font-size: 14px;\n font-style: italic;\n}\n\n\/* -----------------------------------------------------------\n CTA SECTION (Designad f\u00f6r Blogg - R\u00e5dgivande ton)\n ----------------------------------------------------------- *\/\n.advisory-cta {\n padding: clamp(80px, 12vh, 120px) var(--pad);\n background: linear-gradient(to bottom, #000, #050505);\n text-align: left;\n border-top: 1px solid var(--line);\n}\n\n.advisory-inner {\n max-width: 800px;\n margin: 0 auto;\n text-align: center;\n}\n\n.advisory-inner h2 {\n font-size: clamp(32px, 5vw, 48px);\n margin: 0 0 20px 0;\n color: #fff;\n letter-spacing: -0.02em;\n}\n\n.advisory-inner p {\n font-size: 18px;\n color: var(--muted);\n margin: 0 0 40px 0;\n line-height: 1.6;\n}\n\n.cta-button {\n display:inline-flex; align-items:center; gap:12px; \n padding:16px 32px; background:var(--accent); color:#fff; \n text-decoration:none; font-weight:600; font-size:16px; \n border-radius:6px; transition:transform .2s ease, background-color .2s ease;\n}\n.cta-button:hover { transform: translateY(-2px); background-color: #7660ea; }\n\n\/* -----------------------------------------------------------\n FOOTER (Samma som startsida)\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\/* MOBIL ANPASSNING *\/\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 \n .nav a.contact { display:none; }\n .menuToggle { margin-top: -12px; }\n \n .blog-grid { grid-template-columns: 1fr; gap: 40px; }\n .blog-hero-section { padding-top: 120px; }\n \n .footer-main{grid-template-columns:1fr;gap:40px}\n}\n<\/style>\n<\/head>\n<body>\n\n\n<header class=\"header invert\" id=\"mainHeader\">\n <div class=\"brand\">\n <div class=\"logoMark\" aria-label=\"Nordyn logga\">\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 <\/div>\n <div class=\"tagline\" id=\"headerTagline\">Digital Agency \/ Web Agency Stockholm<\/div>\n <\/div>\n\n <nav class=\"nav\" aria-label=\"Toppmeny\">\n <a class=\"contact\" href=\"\/en\/kontakt\/\">Get in touch<\/a>\n <button class=\"menuToggle\" id=\"menuToggle\" type=\"button\" onclick=\"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 Menu <span class=\"menuIcon\" id=\"menuIcon\">+<\/span>\n <\/button>\n <\/nav>\n<\/header>\n\n\n<div class=\"menuOverlay\" id=\"menuOverlay\" aria-hidden=\"true\">\n <div class=\"menuInner\">\n <div class=\"menuTop\">\n <div class=\"brand\">\n <div 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 <\/div>\n <div class=\"tagline\" style=\"color: rgba(255,255,255,.7); mix-blend-mode:normal;\">Digital Agency \/ Web Agency Stockholm<\/div>\n <\/div>\n\n <button class=\"menuToggleOverlay\" id=\"menuClose\" type=\"button\" onclick=\"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 Menu <span class=\"menuIcon\">\u00d7<\/span>\n <\/button>\n <\/div>\n\n <div class=\"menuContent\">\n <ul class=\"menuList\" aria-label=\"Menu\">\n <li class=\"menuItem\" style=\"--d: 80ms;\"><div class=\"menuRow\"><a class=\"menuLink\" href=\"\/en\/\" style=\"color: rgba(255,255,255,0.5);\">Startpage<\/a><\/div><\/li>\n <li class=\"menuItem\" style=\"--d: 160ms;\"><div class=\"menuRow\"><a class=\"menuLink\" href=\"\/en\/case\/\">Our work<\/a><\/div><\/li>\n <li class=\"menuItem\" style=\"--d: 240ms;\"><div class=\"menuRow\"><a class=\"menuLink\" href=\"\/en\/tjanster\/\">Services<\/a><\/div><\/li>\n <li class=\"menuItem\" style=\"--d: 320ms;\"><div class=\"menuRow\"><a class=\"menuLink\" href=\"\/en\/vart-lofte\/\">Our Promise<\/a><\/div><\/li>\n \n <li class=\"menuItem\" style=\"--d: 400ms;\"><div class=\"menuRow\"><a class=\"menuLink\" href=\"\/en\/blogg\/\" style=\"color:#fff;\">Blog<\/a><\/div><\/li>\n <li class=\"menuItem\" style=\"--d: 480ms;\"><div class=\"menuRow\"><a class=\"menuLink\" href=\"\/en\/kontakt\/\">Contact<\/a><\/div><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"menuBottom\">\n <div class=\"menuCTA\" style=\"width:100%;\">\n <span class=\"menuCTA-text\">Intresserad av ett samarbete?<\/span>\n <br>\n <a href=\"\/en\/kontakt\/\">Get in touch<\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<section class=\"blog-hero-section\">\n <div class=\"container-blog\">\n <span class=\"blog-subtitle\">Blogg & Insikter<\/span>\n <h1 class=\"blog-title\">Kunskap f\u00f6r l\u00e5ngsiktig<br>digital framg\u00e5ng.<\/h1>\n <p class=\"blog-intro\">\n H\u00e4r delar Nordyn insikter, guider och strategier om webbdesign, SEO, e-handel och varum\u00e4rkesbyggande \u2013 med fokus p\u00e5 moderna l\u00f6sningar som skapar aff\u00e4rsv\u00e4rde.\n <\/p>\n <\/div>\n<\/section>\n\n\n<section class=\"blog-content\">\n <div class=\"container-blog\">\n \n \n <div class=\"blog-filter\">\n <a href=\"#\" class=\"filter-btn active\">Alla<\/a>\n <a href=\"#\" class=\"filter-btn\">Web Design<\/a>\n <a href=\"#\" class=\"filter-btn\">SEO<\/a>\n <a href=\"#\" class=\"filter-btn\">E-commerce<\/a>\n <a href=\"#\" class=\"filter-btn\">Branding<\/a>\n <a href=\"#\" class=\"filter-btn\">Insikter<\/a>\n <\/div>\n\n \n <div class=\"blog-grid\">\n \n \n <a href=\"\/en\/blogg\/hastighet-seo\/\" class=\"blog-card\">\n <div class=\"blog-thumb thumb-gradient-1\"><\/div>\n <div class=\"blog-meta\">\n <span class=\"post-cat\">SEO<\/span>\n <span class=\"post-date\">22 Okt 2025<\/span>\n <\/div>\n <h3>Varf\u00f6r laddningstid \u00e4r avg\u00f6rande f\u00f6r din ranking 2026<\/h3>\n <p class=\"blog-excerpt\">\n Google forts\u00e4tter att prioritera anv\u00e4ndarupplevelsen. Vi g\u00e5r igenom de tekniska aspekterna av Core Web Vitals och hur du optimerar din webbplats f\u00f6r b\u00e5de hastighet och konvertering.\n <\/p>\n <\/a>\n\n \n <a href=\"\/en\/blogg\/minimalism-ehandel\/\" class=\"blog-card\">\n <div class=\"blog-thumb thumb-gradient-2\"><\/div>\n <div class=\"blog-meta\">\n <span class=\"post-cat\">E-commerce<\/span>\n <span class=\"post-date\">10 Okt 2025<\/span>\n <\/div>\n <h3>Balansen mellan minimalism och funktion i e-handel<\/h3>\n <p class=\"blog-excerpt\">\n En avskalad design kan \u00f6ka konverteringen, men det finns fallgropar. L\u00e4r dig hur du skapar en friktionsfri k\u00f6pupplevelse utan att tappa viktig information.\n <\/p>\n <\/a>\n\n \n <a href=\"\/en\/blogg\/visuell-identitet\/\" class=\"blog-card\">\n <div class=\"blog-thumb thumb-gradient-3\"><\/div>\n <div class=\"blog-meta\">\n <span class=\"post-cat\">Branding<\/span>\n <span class=\"post-date\">28 Sep 2025<\/span>\n <\/div>\n <h3>Fr\u00e5n logotyp till komplett digital identitet<\/h3>\n <p class=\"blog-excerpt\">\n Ett varum\u00e4rke \u00e4r mer \u00e4n bara en symbol. Vi tittar p\u00e5 hur typografi, f\u00e4rgs\u00e4ttning och bildspr\u00e5k samspelar f\u00f6r att bygga f\u00f6rtroende online.\n <\/p>\n <\/a>\n\n \n <a href=\"\/en\/blogg\/framtidens-webb\/\" class=\"blog-card\">\n <div class=\"blog-thumb thumb-gradient-1\"><\/div>\n <div class=\"blog-meta\">\n <span class=\"post-cat\">Web Design<\/span>\n <span class=\"post-date\">15 Sep 2025<\/span>\n <\/div>\n <h3>Dark Mode som standard \u2013 \u00e4r vi d\u00e4r \u00e4n?<\/h3>\n <p class=\"blog-excerpt\">\n Allt fler anv\u00e4ndare f\u00f6redrar m\u00f6rka gr\u00e4nssnitt. \u00c4r det dags att designa \"Dark First\", och vad kr\u00e4vs f\u00f6r att det ska fungera tillg\u00e4nglighetsm\u00e4ssigt?\n <\/p>\n <\/a>\n\n <\/div>\n\n <div class=\"blog-footer-message\">\n Nya artiklar och guider publiceras l\u00f6pande.\n <\/div>\n\n <\/div>\n<\/section>\n\n\n<section class=\"advisory-cta\">\n <div class=\"advisory-inner\">\n <h2>Vill du ha hj\u00e4lp inom dessa omr\u00e5den?<\/h2>\n <p>Vi tar g\u00e4rna en f\u00f6ruts\u00e4ttningsl\u00f6s genomg\u00e5ng av ditt projekt f\u00f6r att se hur vi kan st\u00e4rka er digitala n\u00e4rvaro l\u00e5ngsiktigt.<\/p>\n <a href=\"\/en\/kontakt\/\" class=\"cta-button\">\n Kontakta Nordyn \n <svg viewbox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M5 12h14\"\/><path d=\"M12 5l7 7-7 7\"\/><\/svg>\n <\/a>\n <\/div>\n<\/section>\n\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 Web Agency Stockholm<\/p>\n<div class=\"footer-contact\"><a href=\"mailto:info@nordyn.se\">info@nordyn.se<\/a><br><a href=\"tel:+46729683400\">+46 72-968 34 00<\/a><br>Stockholm, Sweden<\/div>\n<\/div>\n<div class=\"footer-column\">\n<h4>Services<\/h4>\n<div class=\"footer-links\"><a href=\"\/en\/webbdesign\/\">Web Design<\/a><a href=\"\/en\/E-handel\/\">E-commerce<\/a><a href=\"\/en\/SEO\/\">SEO<\/a><a href=\"\/en\/Branding\/\">Branding<\/a><\/div>\n<\/div>\n<div class=\"footer-column\">\n<h4>Company<\/h4>\n<div class=\"footer-links\"><a href=\"\/en\/om-nordyn\/\">About Nordyn<\/a><a href=\"\/en\/Lediga-tjanster\/\">Open Positions<\/a><a href=\"\/en\/Blogg\/\">Blog<\/a><\/div>\n<\/div>\n<div class=\"footer-column\">\n<h4>Socials<\/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=\"\/en\/Integritetspolicy\/\">Privacy Policy<\/a><a href=\"\/en\/cookiepolicy\/\">Cookiepolicy<\/a><a href=\"\/en\/Anvandarvillkor\/\">Terms of Service<\/a><a href=\"\/en\/GDPR\/\">GDPR<\/a>\n<\/div>\n<\/div>\n<\/footer>\n\n<script>\n\/\/ HEADER FADE (Beh\u00e5llen fr\u00e5n original)\ndocument.addEventListener('DOMContentLoaded', (event) => {\n const headerTagline = document.getElementById('headerTagline');\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\/\/ FULLSCREEN MENU LOGIC (Beh\u00e5llen fr\u00e5n original)\nconst menuToggle = document.getElementById(\"menuToggle\");\nconst menuOverlay = document.getElementById(\"menuOverlay\");\nconst menuClose = document.getElementById(\"menuClose\");\nconst mainHeader = document.getElementById(\"mainHeader\"); \n\nfunction openMenu(){\n mainHeader.classList.add('hidden');\n menuOverlay.classList.remove(\"closing\");\n menuOverlay.classList.add(\"opening\");\n \n menuOverlay.setAttribute(\"aria-hidden\",\"false\");\n menuToggle.setAttribute(\"aria-expanded\",\"true\");\n document.body.style.overflow = \"hidden\";\n \n setTimeout(() => {\n menuOverlay.classList.remove(\"opening\");\n menuOverlay.classList.add(\"open\");\n }, 400);\n}\n\nfunction closeMenu(){\n mainHeader.classList.remove('hidden');\n menuOverlay.classList.remove(\"open\");\n menuOverlay.classList.add(\"closing\");\n \n setTimeout(() => {\n menuOverlay.classList.remove(\"closing\");\n menuOverlay.setAttribute(\"aria-hidden\",\"true\");\n menuToggle.setAttribute(\"aria-expanded\",\"false\");\n document.body.style.overflow = \"\";\n }, 400);\n}\n\nif(menuToggle){\n menuToggle.addEventListener(\"click\", function(e) {\n if(e) e.preventDefault();\n this.blur(); \n \n if (menuOverlay.classList.contains(\"open\") || menuOverlay.classList.contains(\"opening\")) {\n closeMenu();\n } else {\n openMenu();\n }\n });\n}\nif(menuClose) menuClose.addEventListener(\"click\", closeMenu);\n\nwindow.addEventListener(\"keydown\", (e) => {\n if (e.key === \"Escape\" && menuOverlay.classList.contains(\"open\")) closeMenu();\n});\n\n\/\/ ENKEL FILTER LOGIK (Visuell demo)\nconst filterBtns = document.querySelectorAll('.filter-btn');\nfilterBtns.forEach(btn => {\n btn.addEventListener('click', (e) => {\n e.preventDefault();\n filterBtns.forEach(b => b.classList.remove('active'));\n btn.classList.add('active');\n \/\/ H\u00e4r skulle logik f\u00f6r att d\u00f6lja\/visa artiklar ligga\n });\n});\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Nordyn \u2014 Insikter & Blogg Digitalbyr\u00e5 \/ Webbbyr\u00e5 Stockholm Kontakta oss Meny + Digitalbyr\u00e5 \/ Webbbyr\u00e5 Stockholm Meny \u00d7 Startsida Case Tj\u00e4nster […]<\/p>","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-1464","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/pages\/1464","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=1464"}],"version-history":[{"count":10,"href":"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/pages\/1464\/revisions"}],"predecessor-version":[{"id":1747,"href":"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/pages\/1464\/revisions\/1747"}],"wp:attachment":[{"href":"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/media?parent=1464"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}