:root{--nx-sym:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 429 296'%3E%3Cpath d='M181.09 114.91H0.5V295.5H181.09V114.91Z'/%3E%3Cpath d='M174.891 0.5H286.571C289.071 99.53 346.781 126.01 428.491 115V295.5C302.601 293.42 210.031 249.63 174.881 137.1V0.5H174.891Z'/%3E%3C/svg%3E");--nx-word:url(data:image/svg+xml,%3Csvg%20width=%27320%27%20height=%2750%27%20viewBox=%270%200%20320%2050%27%20%20xmlns=%27http://www.w3.org/2000/svg%27%3E%20%3Cpath%20d=%27M18%2018.3998C15.2267%2018.3998%2012.9867%2019.2265%2011.28%2020.8798C9.62667%2022.4798%208.8%2024.6398%208.8%2027.3598V48.7998H5.96046e-08V27.3598C5.96046e-08%2024.7998%200.453333%2022.4265%201.36%2020.2398C2.26667%2018.0531%203.52%2016.1865%205.12%2014.6398C6.72%2013.0398%208.61333%2011.8131%2010.8%2010.9598C12.9867%2010.0531%2015.3867%209.5998%2018%209.5998C20.6133%209.5998%2023.0133%2010.0531%2025.2%2010.9598C27.3867%2011.8131%2029.28%2013.0398%2030.88%2014.6398C32.48%2016.1865%2033.7067%2018.0531%2034.56%2020.2398C35.4667%2022.4265%2035.92%2024.7998%2035.92%2027.3598V48.7998H27.12V27.3598C27.12%2024.6398%2026.2933%2022.4798%2024.64%2020.8798C22.9867%2019.2265%2020.7733%2018.3998%2018%2018.3998ZM42.3063%2029.5998C42.3063%2026.7198%2042.7863%2024.0531%2043.7463%2021.5998C44.7596%2019.1465%2046.1463%2017.0398%2047.9063%2015.2798C49.6663%2013.4665%2051.7463%2012.0798%2054.1463%2011.1198C56.5996%2010.1065%2059.2663%209.5998%2062.1463%209.5998C65.0263%209.5998%2067.6663%2010.1065%2070.0663%2011.1198C72.5196%2012.0798%2074.6263%2013.4665%2076.3863%2015.2798C78.1463%2017.0398%2079.5063%2019.1465%2080.4663%2021.5998C81.4796%2024.0531%2081.9863%2026.7198%2081.9863%2029.5998C81.9863%2029.9731%2081.9596%2030.3465%2081.9063%2030.7198C81.9063%2031.0398%2081.8529%2031.4665%2081.7463%2031.9998H51.2663C51.7463%2034.7198%2052.9196%2036.8798%2054.7863%2038.4798C56.7063%2040.0265%2059.1596%2040.7998%2062.1463%2040.7998C64.1729%2040.7998%2065.9596%2040.4265%2067.5063%2039.6798C69.1063%2038.9331%2070.3863%2037.8398%2071.3463%2036.3998H80.9463C80.3063%2038.4265%2079.3996%2040.2665%2078.2263%2041.9198C77.0529%2043.5198%2075.6396%2044.9065%2073.9863%2046.0798C72.3863%2047.1998%2070.5729%2048.0798%2068.5463%2048.7198C66.5729%2049.3065%2064.4396%2049.5998%2062.1463%2049.5998C59.2663%2049.5998%2056.5996%2049.1198%2054.1463%2048.1598C51.7463%2047.1465%2049.6663%2045.7598%2047.9063%2043.9998C46.1463%2042.2398%2044.7596%2040.1331%2043.7463%2037.6798C42.7863%2035.2265%2042.3063%2032.5331%2042.3063%2029.5998ZM72.6263%2025.5998C71.8796%2023.3598%2070.5996%2021.5998%2068.7863%2020.3198C66.9729%2019.0398%2064.7596%2018.3998%2062.1463%2018.3998C59.4796%2018.3998%2057.2396%2019.0398%2055.4263%2020.3198C53.6129%2021.5998%2052.3596%2023.3598%2051.6662%2025.5998H72.6263ZM111.387%2010.3998H122.107L108.587%2028.9598L122.907%2048.7998H112.187L102.827%2034.6398L93.4669%2048.7998H82.7469L97.0669%2028.9598L83.5469%2010.3998H94.2669L102.827%2023.4398L111.387%2010.3998ZM146.125%2041.1998C148.845%2041.1998%20151.032%2040.3731%20152.685%2038.7198C154.392%2037.0665%20155.245%2034.8798%20155.245%2032.1598V10.3998H164.045V31.8398C164.045%2034.5598%20163.618%2037.0131%20162.765%2039.1998C161.912%2041.3865%20160.712%2043.2531%20159.165%2044.7998C157.618%2046.3465%20155.725%2047.5465%20153.485%2048.3998C151.298%2049.1998%20148.845%2049.5998%20146.125%2049.5998C143.405%2049.5998%20140.925%2049.1998%20138.685%2048.3998C136.498%2047.5465%20134.605%2046.3465%20133.005%2044.7998C131.458%2043.2531%20130.258%2041.3865%20129.405%2039.1998C128.552%2037.0131%20128.125%2034.5598%20128.125%2031.8398V10.3998H136.925V32.1598C136.925%2034.8798%20137.778%2037.0665%20139.485%2038.7198C141.192%2040.3731%20143.405%2041.1998%20146.125%2041.1998ZM190.031%2018.3998C187.258%2018.3998%20185.018%2019.2265%20183.311%2020.8798C181.658%2022.4798%20180.831%2024.6398%20180.831%2027.3598V48.7998H172.031V27.3598C172.031%2024.7998%20172.485%2022.4265%20173.391%2020.2398C174.298%2018.0531%20175.551%2016.1865%20177.151%2014.6398C178.751%2013.0398%20180.645%2011.8131%20182.831%2010.9598C185.018%2010.0531%20187.418%209.5998%20190.031%209.5998C192.645%209.5998%20195.045%2010.0531%20197.231%2010.9598C199.418%2011.8131%20201.311%2013.0398%20202.911%2014.6398C204.511%2016.1865%20205.738%2018.0531%20206.591%2020.2398C207.498%2022.4265%20207.951%2024.7998%20207.951%2027.3598V48.7998H199.151V27.3598C199.151%2024.6398%20198.325%2022.4798%20196.671%2020.8798C195.018%2019.2265%20192.805%2018.3998%20190.031%2018.3998ZM214.338%2029.5998C214.338%2026.7198%20214.818%2024.0531%20215.778%2021.5998C216.791%2019.1465%20218.178%2017.0398%20219.938%2015.2798C221.698%2013.4665%20223.778%2012.0798%20226.178%2011.1198C228.631%2010.1065%20231.298%209.5998%20234.178%209.5998C237.058%209.5998%20239.698%2010.1065%20242.098%2011.1198C244.551%2012.0798%20246.658%2013.4665%20248.418%2015.2798C250.178%2017.0398%20251.538%2019.1465%20252.498%2021.5998C253.511%2024.0531%20254.018%2026.7198%20254.018%2029.5998C254.018%2029.9731%20253.991%2030.3465%20253.938%2030.7198C253.938%2031.0398%20253.884%2031.4665%20253.778%2031.9998H223.298C223.778%2034.7198%20224.951%2036.8798%20226.818%2038.4798C228.738%2040.0265%20231.191%2040.7998%20234.178%2040.7998C236.204%2040.7998%20237.991%2040.4265%20239.538%2039.6798C241.138%2038.9331%20242.418%2037.8398%20243.378%2036.3998H252.978C252.338%2038.4265%20251.431%2040.2665%20250.258%2041.9198C249.084%2043.5198%20247.671%2044.9065%20246.018%2046.0798C244.418%2047.1998%20242.604%2048.0798%20240.578%2048.7198C238.604%2049.3065%20236.471%2049.5998%20234.178%2049.5998C231.298%2049.5998%20228.631%2049.1198%20226.178%2048.1598C223.778%2047.1465%20221.698%2045.7598%20219.938%2043.9998C218.178%2042.2398%20216.791%2040.1331%20215.778%2037.6798C214.818%2035.2265%20214.338%2032.5331%20214.338%2029.5998ZM244.658%2025.5998C243.911%2023.3598%20242.631%2021.5998%20240.818%2020.3198C239.004%2019.0398%20236.791%2018.3998%20234.178%2018.3998C231.511%2018.3998%20229.271%2019.0398%20227.458%2020.3198C225.644%2021.5998%20224.391%2023.3598%20223.697%2025.5998H244.658ZM267.511%2035.9198C267.884%2037.4131%20268.524%2038.5598%20269.431%2039.3598C270.391%2040.1598%20271.431%2040.7198%20272.551%2041.0398C273.671%2041.3065%20274.737%2041.4398%20275.751%2041.4398C277.831%2041.4398%20279.457%2041.0398%20280.631%2040.2398C281.857%2039.3865%20282.471%2038.3198%20282.471%2037.0398C282.471%2035.9731%20282.071%2035.1465%20281.271%2034.5598C280.471%2033.9731%20279.431%2033.5198%20278.151%2033.1998C276.924%2032.8265%20275.644%2032.4531%20274.311%2032.0798C272.871%2031.7065%20271.324%2031.2798%20269.671%2030.7998C268.071%2030.3198%20266.551%2029.6531%20265.111%2028.7998C263.671%2027.9465%20262.497%2026.8531%20261.591%2025.5198C260.684%2024.1865%20260.231%2022.5331%20260.231%2020.5598C260.231%2018.0531%20260.924%2015.8931%20262.311%2014.0798C263.697%2012.2131%20265.591%2010.7731%20267.991%209.7598C270.391%208.74647%20273.084%208.2398%20276.071%208.2398C279.644%208.2398%20282.737%208.98647%20285.351%2010.4798C287.964%2011.9731%20289.857%2014.1598%20291.031%2017.0398L283.111%2019.5998C282.737%2018.8531%20282.177%2018.2131%20281.431%2017.6798C280.737%2017.1465%20279.884%2016.7731%20278.871%2016.5598C277.911%2016.2931%20276.924%2016.1598%20275.911%2016.1598C274.204%2016.1598%20272.764%2016.5065%20271.591%2017.1998C270.417%2017.8931%20269.831%2018.8798%20269.831%2020.1598C269.831%2020.7998%20270.017%2021.3598%20270.391%2021.8398C270.817%2022.3198%20271.377%2022.7198%20272.071%2023.0398C272.764%2023.3065%20273.591%2023.5731%20274.551%2023.8398C275.511%2024.0531%20276.524%2024.3198%20277.591%2024.6398C279.297%2025.1198%20280.977%2025.6531%20282.631%2026.2398C284.337%2026.7731%20285.884%2027.4665%20287.271%2028.3198C288.711%2029.1731%20289.831%2030.2931%20290.631%2031.6798C291.484%2033.0665%20291.964%2034.8265%20292.071%2036.9598C292.071%2039.2531%20291.404%2041.3598%20290.071%2043.2798C288.737%2045.1465%20286.817%2046.6398%20284.311%2047.7598C281.857%2048.8265%20278.924%2049.3598%20275.511%2049.3598C271.564%2049.3598%20268.177%2048.5065%20265.351%2046.7998C262.524%2045.0931%20260.604%2042.3465%20259.591%2038.5598L267.511%2035.9198ZM296.819%2010.3998H301.619V-0.000196457H310.419V10.3998H319.619V19.1998H310.419V31.9998C310.419%2034.8798%20311.192%2037.0665%20312.739%2038.5598C314.339%2040.0531%20316.632%2040.7998%20319.619%2040.7998V49.5998C316.899%2049.5998%20314.419%2049.1731%20312.179%2048.3198C309.992%2047.4665%20308.099%2046.2931%20306.499%2044.7998C304.952%2043.2531%20303.752%2041.3865%20302.899%2039.1998C302.045%2037.0131%20301.619%2034.6131%20301.619%2031.9998V19.1998H296.819V10.3998Z%27%20/%3E%20%3C/svg%3E)}
:root{--i-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='square'%3E%3Cpath d='M4 12h15M13 6l6 6-6 6'/%3E%3C/svg%3E");--i-grid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='square'%3E%3Cpath d='M4 4h6v6H4zM14 4h6v6h-6zM4 14h6v6H4zM14 14h6v6h-6z'/%3E%3C/svg%3E");--i-flow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='square'%3E%3Cpath d='M4 18 10 8l4 6 6-10'/%3E%3C/svg%3E");--i-user:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='square'%3E%3Cpath d='M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM4 21c1-4 4-6 8-6s7 2 8 6'/%3E%3C/svg%3E");--i-help:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='square'%3E%3Cpath d='M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18zM9.5 9.5a2.5 2.5 0 1 1 3.5 2.3c-.6.3-1 .8-1 1.5v.7M12 17h.01'/%3E%3C/svg%3E");--i-mail:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='square'%3E%3Cpath d='M3 5h18v14H3zM3 6l9 7 9-7'/%3E%3C/svg%3E");--i-li:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 3a2 2 0 1 1 0 4 2 2 0 0 1 0-4zM2.5 9h3v12h-3zM9 9h2.9v1.7h.1c.4-.8 1.4-1.9 3.2-1.9 3.4 0 4.3 2.2 4.3 5.2V21h-3v-6.2c0-1.5 0-3.3-2-3.3s-2.4 1.6-2.4 3.2V21H9z'/%3E%3C/svg%3E");--i-ig:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='17.5' cy='6.5' r='.6' fill='%23000'/%3E%3C/svg%3E")}/* nexunest · startsida v3 · en CSS för hela sidan (2026-10-27) */
:root{--c-stone:#D6D7DC;--c-paper:#ECEDF0;--c-mist:#E4E4E6;--c-steel:#55575E;--c-ash:#8A8B90;--c-graphite:#252525;--c-ink:#080808;--c-signal:#CBFD3C;--line-l:rgba(8,8,8,.14);--line-d:rgba(236,237,240,.16);
--fs-display:clamp(2.75rem,1.6rem + 4.4vw,5.5rem);--fs-h2:clamp(2.25rem,1.5rem + 2.9vw,4.25rem);--fs-h3:clamp(1.625rem,1.25rem + 1.45vw,2.5rem);--fs-h4:clamp(1.125rem,1.05rem + .4vw,1.375rem);--fs-lead:clamp(1.0625rem,1rem + .3vw,1.25rem);--fs-small:.875rem;--fs-label:.75rem;
--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.5rem;--sp-6:2rem;--sp-7:3rem;--sp-8:4rem;--sp-9:6rem;
--sec-pad:clamp(5rem,4rem + 5vw,9rem);--edge:clamp(1.25rem,5vw,4.5rem);--wrap:84rem;--measure:44rem;
--e-settle:cubic-bezier(.22,1,.36,1);--e-travel:cubic-bezier(.65,0,.35,1);--t-fast:.3s;--t-base:.6s;--t-slow:.9s;--btn-h:3.25rem}
html{-webkit-text-size-adjust:100%;scroll-padding-top:4.5rem;scrollbar-gutter:stable}
html,html body{margin:0;background:var(--c-stone);color:var(--c-ink)}
.nxv,.nxv *,.nxv *::before,.nxv *::after{box-sizing:border-box;border-radius:0}
.nxv{background:var(--c-stone);font-family:Manrope,system-ui,sans-serif;font-size:1rem;line-height:1.6;font-weight:400;color:var(--c-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"ss01"}
.nxv :where(h1,h2,h3,h4,h5,p,ul,ol,dl,dd,figure){margin:0;padding:0;font:inherit;line-height:inherit}
.nxv :where(ul,ol){list-style:none}
.nxv :where(a){color:inherit;text-decoration:none}
.nxv :where(img){display:block;max-width:100%}
.nxv :focus-visible{outline:2px solid currentColor;outline-offset:3px}
.nxv ::selection{background:var(--c-signal);color:var(--c-ink)}
.nxv-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.nxv-skip{position:fixed;left:1rem;top:-4rem;z-index:100;background:var(--c-ink);color:var(--c-paper);padding:.75rem 1rem;font-weight:600}
.nxv-skip:focus{top:1rem}

/* typografi */
.nxv-h1{font-size:var(--fs-display);line-height:1.06;letter-spacing:-.045em;font-weight:600}
.nxv-h2{font-size:var(--fs-h2);line-height:1.1;letter-spacing:-.035em;font-weight:600;text-wrap:balance}
.nxv-h3{font-size:var(--fs-h3);line-height:1.14;letter-spacing:-.03em;font-weight:600;text-wrap:balance}
.nxv-h4{font-size:var(--fs-h4);line-height:1.25;letter-spacing:-.015em;font-weight:600}
.nxv-lead{font-size:var(--fs-lead);line-height:1.55;color:var(--c-steel);text-wrap:pretty}
.nxv-body{color:var(--c-steel);text-wrap:pretty}
.nxv-small{font-size:var(--fs-small);color:var(--c-steel)}
.nxv-eb{display:inline-flex;align-items:center;gap:.625rem;font-size:var(--fs-label);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--c-steel)}
.nxv-eb::before{content:"";width:.375rem;height:.375rem;background:var(--c-signal);box-shadow:0 0 0 1px rgba(8,8,8,.18)}
.nxv-dark{background:var(--c-ink);color:var(--c-paper)}
.nxv-dark .nxv-lead,.nxv-dark .nxv-body,.nxv-dark .nxv-small,.nxv-dark .nxv-eb{color:var(--c-ash)}
.nxv-dark .nxv-eb::before{box-shadow:none}

/* layout */
.nxv-wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 var(--edge)}
.nxv-sec{position:relative;padding:var(--sec-pad) 0}
.nxv-head{max-width:var(--measure);margin:0 auto var(--sp-8);text-align:center;display:flex;flex-direction:column;align-items:center}
.nxv-head .nxv-h2{margin-top:var(--sp-5)}
.nxv-head .nxv-lead{margin-top:var(--sp-6);max-width:38rem}
.nxv-center{text-align:center;margin-top:var(--sp-8)}

/* knappar: en form, två varianter */
.nxv-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:1.5rem;height:var(--btn-h);padding:0 1.25rem 0 1.375rem;border:1px solid var(--c-ink);background:var(--c-ink);color:var(--c-paper);font:600 .9375rem/1 Manrope,system-ui,sans-serif;letter-spacing:-.005em;white-space:nowrap;cursor:pointer;transition:background-color var(--t-fast),color var(--t-fast),border-color var(--t-fast)}
.nxv-btn::after{content:"";width:1rem;height:1rem;flex:none;background:currentColor;-webkit-mask:var(--i-arrow) center/contain no-repeat;mask:var(--i-arrow) center/contain no-repeat;transition:transform var(--t-base) var(--e-settle)}
.nxv-btn:hover{background:var(--c-graphite);border-color:var(--c-graphite)}
.nxv-btn:hover::after{transform:translateX(4px)}
.nxv-btn--ghost{background:transparent;color:var(--c-ink);border-color:rgba(8,8,8,.32)}
.nxv-btn--ghost:hover{background:var(--c-ink);color:var(--c-paper);border-color:var(--c-ink)}
.nxv-dark .nxv-btn{background:var(--c-paper);color:var(--c-ink);border-color:var(--c-paper)}
.nxv-dark .nxv-btn:hover{background:#fff;border-color:#fff}
.nxv-dark .nxv-btn--ghost{background:transparent;color:var(--c-paper);border-color:rgba(236,237,240,.32)}
.nxv-dark .nxv-btn--ghost:hover{background:var(--c-paper);color:var(--c-ink)}
.nxv-btn--sm{--btn-h:2.75rem;gap:1rem;padding:0 1rem;font-size:.875rem}
.nxv-btn--book{gap:.875rem}
.nxv-btn--book::before{content:"";width:.375rem;height:.375rem;background:var(--c-signal);flex:none;animation:nxled 2.4s ease-in-out infinite}
@keyframes nxled{0%,100%{opacity:1}50%{opacity:.35}}
.nxv-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}

/* textlänk: minimal, linjen fylls från vänster */
.nxv-link{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem 0;font-weight:600;font-size:.9375rem;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat,linear-gradient(var(--line-l),var(--line-l)) 0 100%/100% 1px no-repeat;transition:background-size var(--t-base) var(--e-settle)}
.nxv-dark .nxv-link{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat,linear-gradient(var(--line-d),var(--line-d)) 0 100%/100% 1px no-repeat}
.nxv-link::after{content:"";width:.875rem;height:.875rem;background:currentColor;-webkit-mask:var(--i-arrow) center/contain no-repeat;mask:var(--i-arrow) center/contain no-repeat;transition:transform var(--t-base) var(--e-settle)}
.nxv-link:hover{background-size:100% 1px,100% 1px}
.nxv-link:hover::after{transform:translateX(3px)}

/* chips */
.nxv-chips{display:flex;flex-wrap:wrap;gap:.5rem}
.nxv-chip{display:inline-flex;align-items:center;height:2rem;padding:0 .75rem;border:1px solid var(--line-l);font-size:.8125rem;font-weight:500;color:var(--c-graphite)}
.nxv-dark .nxv-chip{border-color:var(--line-d);color:var(--c-paper)}

/* header */
.nxv-hd{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;align-items:center;gap:2rem;padding:1.25rem var(--edge);transition:background-color var(--t-fast),padding var(--t-base) var(--e-settle),box-shadow var(--t-fast)}
.nxv-scrolled .nxv-hd{padding-top:.75rem;padding-bottom:.75rem;background:var(--c-stone);box-shadow:0 1px 0 var(--line-l)}
.nxv-scrolled.nxv-on-dark .nxv-hd{background:var(--c-ink);box-shadow:0 1px 0 var(--line-d)}
.nxv-menu-open .nxv-hd{background:transparent!important;box-shadow:none!important}
.nxv-logo{display:flex;align-items:center;height:2.75rem;color:var(--c-ink);transition:color var(--t-fast)}
.nxv-logo-sym{width:1.75rem;height:1.25rem;background:currentColor;-webkit-mask:var(--nx-sym) center/contain no-repeat;mask:var(--nx-sym) center/contain no-repeat}
.nxv-logo-word{width:7.25rem;height:1.25rem;margin-left:.5rem;background:currentColor;-webkit-mask:var(--nx-word) left center/7.25rem auto no-repeat;mask:var(--nx-word) left center/7.25rem auto no-repeat}
.nxv-nav{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;gap:2.25rem}
.nxv-nav a{position:relative;display:block;padding:.375rem 0;font-size:.9375rem;font-weight:500;color:var(--c-ink);transition:color var(--t-fast)}
.nxv-nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:100% 50%;transition:transform .55s var(--e-settle)}
.nxv-nav a:hover::after,.nxv-nav a.is-cur::after{transform:scaleX(1);transform-origin:0 50%}
.nxv-on-dark .nxv-nav a,.nxv-on-dark .nxv-soc a:not(:hover){color:var(--c-paper)}
.nxv-hd-end{margin-left:auto;display:flex;align-items:center;gap:1.25rem}
.nxv-soc{display:flex;gap:.125rem}
.nxv-soc a{display:grid;place-items:center;width:2.25rem;height:2.25rem;color:var(--c-ink);transition:background-color var(--t-fast),color var(--t-fast)}
.nxv-soc a:hover{background:var(--c-ink);color:var(--c-paper)}
.nxv-on-dark .nxv-soc a:hover{background:var(--c-paper);color:var(--c-ink)}
.nxv-soc a::before{content:"";width:1rem;height:1rem;background:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat;transition:opacity var(--t-fast),transform var(--t-base) var(--e-settle)}

.nxv-soc a[data-s=li]{--ic:var(--i-li)}.nxv-soc a[data-s=ig]{--ic:var(--i-ig)}.nxv-soc a[data-s=fb]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.5 21v-7.6h2.6l.4-3h-3V8.5c0-.9.25-1.5 1.5-1.5h1.6V4.3a21 21 0 0 0-2.3-.1c-2.3 0-3.9 1.4-3.9 4v2.2H7.8v3h2.6V21z'/%3E%3C/svg%3E")}.nxv-soc a[data-s=up]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M24.75 17.54c-1.47 0-2.85-.62-4.1-1.63l.3-1.43.01-.06c.28-1.52 1.13-4.08 3.79-4.08a3.6 3.6 0 0 1 0 7.2zm0-10.85c-3.39 0-6.02 2.2-7.08 5.82-1.63-2.44-2.87-5.38-3.59-7.85h-3.64v9.48a3.4 3.4 0 0 1-6.8 0V4.66H0v9.48a7.04 7.04 0 0 0 14.09 0v-1.59c.7 1.47 1.57 2.97 2.63 4.3l-2.23 10.49h3.73l1.62-7.61a8.9 8.9 0 0 0 4.92 1.48 7.26 7.26 0 0 0 0-14.52z'/%3E%3C/svg%3E")}
.nxv-burger{display:none;position:relative;width:2.75rem;height:2.75rem;padding:0;border:0;background:transparent;color:var(--c-ink);cursor:pointer}
.nxv-burger i{position:absolute;left:.625rem;right:.625rem;height:1.5px;background:currentColor;transition:transform var(--t-base) var(--e-settle),right var(--t-base) var(--e-settle)}
.nxv-burger i:nth-child(1){top:1.0625rem}.nxv-burger i:nth-child(2){top:1.5625rem;right:1.125rem}
.nxv-burger:hover i:nth-child(2){right:.625rem}
.nxv-hd .nxv-btn--book{box-shadow:inset 0 0 0 1px rgba(236,237,240,.18)}
.nxv-on-dark .nxv-hd .nxv-logo,.nxv-on-dark .nxv-burger{color:var(--c-paper)}
@media (max-width:1100px){.nxv-soc{display:none}}
@media (max-width:860px){.nxv-nav{display:none}.nxv-burger{display:block}}

/* helskärmsmeny */
.nxv-menu{position:fixed;inset:0;z-index:55;display:flex;flex-direction:column;justify-content:space-between;padding:7rem var(--edge) 2rem;background:var(--c-ink);color:var(--c-paper);clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path .7s var(--e-travel),visibility 0s .7s}
.nxv-menu-open .nxv-menu{clip-path:inset(0 0 0 0);visibility:visible;transition:clip-path .7s var(--e-travel),visibility 0s}
.nxv-menu-open{overflow:hidden}
.nxv-menu-open .nxv-hd .nxv-logo,.nxv-menu-open .nxv-burger{color:var(--c-paper)}
.nxv-menu-open .nxv-burger i:nth-child(1){transform:translateY(.25rem) rotate(45deg)}
.nxv-menu-open .nxv-burger i:nth-child(2){right:.625rem;transform:translateY(-.25rem) rotate(-45deg)}
.nxv-menu ol{list-style:none;margin:0;padding:0;counter-reset:m}
.nxv-menu li{counter-increment:m;border-top:1px solid var(--line-d);overflow:hidden}
.nxv-menu li:last-child{border-bottom:1px solid var(--line-d)}
.nxv-menu ol a{display:flex;align-items:center;gap:1.25rem;padding:.875rem 0;font-size:clamp(1.75rem,1.2rem + 2.6vw,3.5rem);font-weight:600;letter-spacing:-.035em;line-height:1.1;transform:translateY(105%);transition:transform .8s var(--e-settle),color var(--t-fast)}
.nxv-menu ol a::before{content:"0" counter(m);font-size:var(--fs-label);letter-spacing:.14em;color:var(--c-ash);font-weight:600}
.nxv-menu ol a:hover{color:var(--c-ash)}
.nxv-menu-open .nxv-menu ol a{transform:none;transition-delay:calc(.18s + var(--i,0) * 60ms)}
.nxv-menu-foot{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:center;justify-content:space-between;color:var(--c-ash);font-size:var(--fs-small)}
.nxv-menu-foot a:hover{color:var(--c-paper)}

/* hero */
.nxv-hero{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:9rem 0 3rem;text-align:center}
.nxv-hero .nxv-wrap{display:flex;flex-direction:column;align-items:center}
.nxv-hero .nxv-h1{margin-top:var(--sp-5);max-width:14ch}
.nxv-hero .nxv-lead{margin-top:var(--sp-6);max-width:36rem;color:var(--c-graphite)}
.nxv-hero .nxv-actions{margin-top:var(--sp-7)}

/* tjänster: kort som staplas med position sticky (ingen JS) */
.nxv-tj-intro{padding:var(--sec-pad) 0}
.nxv-tj-intro .nxv-head{margin-bottom:0}
.nxv-tj-card{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:var(--c-stone);color:var(--c-ink);box-shadow:0 -1px 0 var(--line-l)}
.nxv-tj-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:85% 50%}
.nxv-tj-card .nxv-img-m{display:none}
.nxv-tj-body{position:absolute;left:var(--edge);top:50%;transform:translateY(-50%);width:min(30rem,42vw);display:flex;flex-direction:column;align-items:flex-start}
.nxv-tj-num{font-size:var(--fs-label);letter-spacing:.14em;font-weight:600;color:var(--c-steel);font-variant-numeric:tabular-nums}
.nxv-tj-body .nxv-h3{margin-top:var(--sp-5)}
.nxv-tj-body .nxv-lead{margin-top:var(--sp-4);color:var(--c-graphite)}
.nxv-tj-body .nxv-chips{margin-top:var(--sp-6)}
.nxv-tj-body .nxv-link{margin-top:var(--sp-6)}

/* samarbete */
.nxv-duo{display:grid;grid-template-columns:1.1fr 1fr;gap:1rem}
.nxv-panel{display:flex;flex-direction:column;align-items:flex-start;padding:clamp(1.75rem,1rem + 2.5vw,3.25rem);border:1px solid var(--line-l)}
.nxv-panel.nxv-dark{border-color:var(--c-ink)}
.nxv-panel .nxv-h3{margin-top:var(--sp-5)}
.nxv-panel .nxv-body{margin-top:var(--sp-4);max-width:32rem}
.nxv-list{margin-top:var(--sp-6)!important;display:grid;gap:.625rem;width:100%}
.nxv-list li{display:flex;gap:.75rem;align-items:baseline;padding-top:.625rem;border-top:1px solid var(--line-l);font-size:.9375rem;font-weight:500}
.nxv-dark .nxv-list li{border-color:var(--line-d)}
.nxv-list li::before{content:"";width:.375rem;height:.375rem;flex:none;background:currentColor;transform:translateY(-.15rem)}
.nxv-panel .nxv-link{margin-top:auto;padding-top:var(--sp-7)}
.nxv-panel .nxv-link{background-position:0 100%,0 100%}
.nxv-steps{margin-top:var(--sp-9);display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;counter-reset:s}
.nxv-step{padding-top:var(--sp-5);border-top:1px solid var(--c-ink);counter-increment:s}
.nxv-step::before{content:"0" counter(s);display:block;font-size:var(--fs-label);letter-spacing:.14em;font-weight:600;color:var(--c-steel);margin-bottom:var(--sp-5)}
.nxv-step .nxv-body{margin-top:var(--sp-3);font-size:.9375rem}
.nxv-steps-title{margin-top:var(--sp-9);text-align:center}
.nxv-steps-title+.nxv-steps{margin-top:var(--sp-7)}

/* om oss */
.nxv-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line-d);border-bottom:1px solid var(--line-d)}
.nxv-stat{padding:var(--sp-7) var(--sp-5);text-align:center;border-left:1px solid var(--line-d)}
.nxv-stat:first-child{border-left:0}
.nxv-stat b{display:block;font-size:var(--fs-h2);line-height:1;letter-spacing:-.04em;font-weight:600;font-variant-numeric:tabular-nums}
.nxv-stat span{display:block;margin:var(--sp-4) auto 0;max-width:13rem;font-size:var(--fs-small);color:var(--c-ash)}

/* faq */
.nxv-faq{max-width:52rem;margin:0 auto}
.nxv-faq-group+.nxv-faq-group{margin-top:var(--sp-8)}
.nxv-faq-group>.nxv-eb{margin-bottom:var(--sp-5)}
.nxv-faq details{border-top:1px solid var(--line-l)}
.nxv-faq details:last-child{border-bottom:1px solid var(--line-l)}
.nxv-faq summary{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.375rem 0;font-size:var(--fs-h4);font-weight:600;letter-spacing:-.015em;line-height:1.3;cursor:pointer;list-style:none}
.nxv-faq summary::-webkit-details-marker{display:none}
.nxv-faq summary::after{content:"";flex:none;width:.875rem;height:.875rem;background:linear-gradient(currentColor,currentColor) center/100% 1.5px no-repeat,linear-gradient(currentColor,currentColor) center/1.5px 100% no-repeat;transition:transform var(--t-base) var(--e-settle)}
.nxv-faq details[open] summary::after{transform:rotate(45deg)}
.nxv-faq summary:hover{color:var(--c-steel)}
.nxv-faq details p{padding:0 3rem 1.5rem 0;color:var(--c-steel);max-width:42rem}

/* kontakt */
.nxv-contact{display:grid;grid-template-columns:1fr 1.6fr;gap:clamp(2rem,1rem + 4vw,6rem);align-items:start}
.nxv-info{display:grid;gap:var(--sp-6)}
.nxv-info dt{font-size:var(--fs-label);letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--c-ash)}
.nxv-info dd{margin:.375rem 0 0;font-size:var(--fs-h4);font-weight:600;letter-spacing:-.015em}
.nxv-info dd a{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size var(--t-base) var(--e-settle)}
.nxv-info dd a:hover{background-size:100% 1px}
.nxv-form{border:1px solid var(--line-d);padding:clamp(1.5rem,1rem + 2vw,2.75rem)}
.nxv-form form{margin:0}
.nxv-prog{display:flex;align-items:center;gap:1rem;margin-bottom:var(--sp-6);font-size:var(--fs-label);letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--c-ash)}
.nxv-prog i{flex:1;height:2px;background:var(--line-d);position:relative}
.nxv-prog i::after{content:"";position:absolute;inset:0;background:var(--c-paper);transform:scaleX(var(--p,.333));transform-origin:0 50%;transition:transform var(--t-base) var(--e-settle)}
.nxv-q{font-size:var(--fs-h4);font-weight:600;letter-spacing:-.015em;margin-bottom:var(--sp-5)}
.nxv-opts{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.nxv-opt{display:flex;flex-direction:column;align-items:flex-start;gap:.375rem;padding:1.25rem;border:1px solid var(--line-d);background:transparent;color:var(--c-paper);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--t-fast),background-color var(--t-fast)}
.nxv-opt b{font-size:1.0625rem;font-weight:600}
.nxv-opt span{font-size:var(--fs-small);color:var(--c-ash)}
.nxv-opt:hover,.nxv-opt[aria-pressed=true]{border-color:var(--c-paper);background:rgba(236,237,240,.06)}
.nxv-picks{display:flex;flex-wrap:wrap;gap:.5rem}
.nxv-pick{height:2.5rem;padding:0 1rem;border:1px solid var(--line-d);background:transparent;color:var(--c-paper);font:500 .875rem Manrope,system-ui,sans-serif;cursor:pointer;transition:background-color var(--t-fast),color var(--t-fast),border-color var(--t-fast)}
.nxv-pick:hover{border-color:rgba(236,237,240,.5)}
.nxv-pick[aria-pressed=true]{background:var(--c-paper);color:var(--c-ink);border-color:var(--c-paper)}
.nxv-nav-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:var(--sp-6)}
.nxv-back{border:0;background:none;padding:.5rem 0;color:var(--c-ash);font:600 .875rem Manrope,system-ui,sans-serif;cursor:pointer}
.nxv-back:hover{color:var(--c-paper)}
.nxv-form .n4-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1rem}
.nxv-form .n4-field{display:flex;flex-direction:column;gap:.5rem;margin:0}
.nxv-form .n4-field-full{grid-column:1/-1}
.nxv-form label,.nxv-form .n4-label{font-size:var(--fs-label);letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--c-ash);margin:0}
.nxv-form .w-input,.nxv-form input[type=text],.nxv-form input[type=email],.nxv-form textarea{width:100%;height:3.25rem;margin:0;padding:0 1rem;border:1px solid var(--line-d);border-radius:0;background:transparent;color:var(--c-paper);font:500 1rem Manrope,system-ui,sans-serif;box-shadow:none;transition:border-color var(--t-fast)}
.nxv-form textarea{height:8rem;padding:.875rem 1rem;resize:vertical}
.nxv-form .w-input:focus,.nxv-form textarea:focus{border-color:var(--c-paper);outline:0}
.nxv-form ::placeholder{color:rgba(138,139,144,.8)}
.nxv-form input[type=submit]{-webkit-appearance:none;appearance:none;height:var(--btn-h);padding:0 1.5rem;border:1px solid var(--c-paper);border-radius:0;background:var(--c-paper);color:var(--c-ink);font:600 .9375rem Manrope,system-ui,sans-serif;cursor:pointer;transition:background-color var(--t-fast)}
.nxv-form input[type=submit]:hover{background:#fff}
.nxv-form .w-form-done,.nxv-form .w-form-fail{margin-top:var(--sp-5);padding:1.25rem;border:1px solid var(--line-d);background:transparent;color:var(--c-paper);text-align:left}
.nxv-form .w-form-fail{border-color:rgba(255,120,120,.5)}
.nxv-form .n4-label:not(label),.nxv-form .n4-form-chips{display:none}
.nxv-form .n4-submit{margin-top:var(--sp-6)}
.nxv-js .nxv-form [data-step]{display:none}
.nxv-js .nxv-form [data-step].is-on{display:block}
.nxv-js .nxv-form form>.n4-fields,.nxv-js .nxv-form form>input[type=submit]{display:none}
.nxv-js .nxv-form.on-3 form>.n4-fields{display:grid}
.nxv-js .nxv-form.on-3 form>input[type=submit]{display:inline-block}

/* footer */
.nxv-ft{padding:var(--sp-9) 0 var(--sp-6);border-top:1px solid var(--line-d)}
.nxv-ft-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:var(--sp-7)}
.nxv-ft .nxv-logo{color:var(--c-paper);height:auto}.nxv-ft .nxv-logo-sym{width:2.5rem;height:1.75rem}.nxv-ft .nxv-logo-word{width:10rem;height:1.75rem;-webkit-mask-size:10rem auto;mask-size:10rem auto;margin-left:.75rem}
.nxv-ft-top p{margin-top:var(--sp-5);max-width:20rem;color:var(--c-ash);font-size:var(--fs-small)}
.nxv-ft h3{font-size:var(--fs-label);letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--c-ash);margin-bottom:var(--sp-4)}
.nxv-ft li a{display:inline-block;padding:.25rem 0;font-size:.9375rem;color:var(--c-paper);transition:color var(--t-fast)}
.nxv-ft li a:hover{color:var(--c-ash)}
.nxv-ft-bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:var(--sp-9);padding-top:var(--sp-5);border-top:1px solid var(--line-d);font-size:.8125rem;color:var(--c-ash)}
.nxv-ft-bot nav{display:flex;gap:1.5rem}
.nxv-ft-bot a:hover{color:var(--c-paper)}

/* rörelse: en standard för hela sajten */
.nxv-js [data-rv]{opacity:0;transform:translate3d(0,1.5rem,0);transition:opacity var(--t-slow) var(--e-settle),transform 1.1s var(--e-settle);transition-delay:calc(var(--i,0) * 70ms)}
.nxv-js [data-rv].is-in{opacity:1;transform:none}
@keyframes nxvup{from{opacity:0;transform:translate3d(0,1.25rem,0)}to{opacity:1;transform:none}}
.nxv-js .nxv-hero [data-rv]{opacity:1;transform:none;transition:none;animation:nxvup 1s var(--e-settle) both}
.nxv-hero [data-rv]:nth-child(2){animation-delay:.08s}.nxv-hero [data-rv]:nth-child(3){animation-delay:.16s}.nxv-hero [data-rv]:nth-child(4){animation-delay:.24s}.nxv-hero [data-rv]:nth-child(5){animation-delay:.32s}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.nxv-js [data-rv]{opacity:1;transform:none;transition:none}.nxv *,.nxv *::before,.nxv *::after{animation:none!important;transition-duration:.01s!important}}

/* surfplatta */
@media (max-width:991px){
.nxv-hd{gap:1.25rem}
.nxv-duo,.nxv-contact{grid-template-columns:1fr}
.nxv-steps{grid-template-columns:1fr 1fr;row-gap:var(--sp-7)}
.nxv-stats{grid-template-columns:1fr 1fr}
.nxv-stat:nth-child(3){border-left:0}
.nxv-stat:nth-child(n+3){border-top:1px solid var(--line-d)}
.nxv-checks{grid-template-columns:1fr}
.nxv-ft-top{grid-template-columns:1fr 1fr}
.nxv-ft-top>div:first-child{grid-column:1/-1}
}
/* mobil */
@media (max-width:767px){
.nxv-hd{padding:1rem var(--edge)}
.nxv-logo-word{width:6.25rem;-webkit-mask-size:6.25rem auto;mask-size:6.25rem auto}
.nxv-hd-end{gap:.25rem}
.nxv-hero{padding-top:7rem}
.nxv-hero .nxv-actions{flex-direction:column;width:100%;max-width:22rem}
.nxv-hero .nxv-btn{width:100%}
.nxv-tj-card img{object-position:100% 100%}
.nxv-tj-card .nxv-img-d{display:none}.nxv-tj-card .nxv-img-m{display:block}
.nxv-tj-body{top:calc(5.5rem + 2svh);transform:none;width:auto;right:var(--edge)}
.nxv-steps{grid-template-columns:1fr}
.nxv-opts{grid-template-columns:1fr}
.nxv-form .n4-fields{grid-template-columns:1fr}
.nxv-faq details p{padding-right:0}
.nxv-ft-top{grid-template-columns:1fr}
}
@media (max-width:479px){
.nxv-hd .nxv-btn--book{--btn-h:2.5rem;padding:0 .875rem;font-size:.8125rem}
.nxv-hd .nxv-btn--book::after{display:none}
.nxv-stats{grid-template-columns:1fr}
.nxv-stat{border-left:0!important;border-top:1px solid var(--line-d)}
.nxv-stat:first-child{border-top:0}
}

.nxv-sec-tight{padding-top:0}
/* ===== v3.1 · verktyg, tjänsteknapp ===== */
.nxv-head .nxv-actions{margin-top:var(--sp-6)}
.nxv-tools{margin-top:var(--sp-9);width:100%;max-width:64rem;display:grid;gap:1rem}
.nxv-tools-row{display:flex;align-items:center;gap:1.5rem;min-width:0}
.nxv-tools-label{flex:none;width:6.5rem;text-align:left;font-size:var(--fs-label);letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--c-ash)}
.nxv-tools-track{flex:1;min-width:0;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.nxv-tools-list{display:flex;width:max-content}
.nxv-tools-list>li{margin-right:2.25rem}
.nxv-tool{display:inline-flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:500;color:var(--c-steel);white-space:nowrap;transition:color var(--t-fast)}
.nxv-tool::before{content:"";width:1rem;height:1rem;flex:none;background:currentColor;-webkit-mask:var(--ti) center/contain no-repeat;mask:var(--ti) center/contain no-repeat}
.nxv-tool:hover{color:var(--c-ink)}
.is-marquee .nxv-tools-list{animation:nxvmq var(--mq,40s) linear infinite}
.nxv-tools-row:nth-child(2).is-marquee .nxv-tools-list{animation-direction:reverse}
.is-marquee:hover .nxv-tools-list{animation-play-state:paused}
@keyframes nxvmq{to{transform:translateX(-50%)}}
.nxv-tool[data-t=figma]{--ti:url(https://cdn.prod.website-files.com/690f83acc1295e0499430487/6aba36ac10a453bf0ed5fce6_tool-figma.svg)}.nxv-tool[data-t=webflow]{--ti:url(https://cdn.prod.website-files.com/690f83acc1295e0499430487/6aba36acc6d1a82325386311_tool-webflow.svg)}.nxv-tool[data-t=framer]{--ti:url(https://cdn.prod.website-files.com/690f83acc1295e0499430487/6aba36ac91d03cdcb9fc9e4d_tool-framer.svg)}.nxv-tool[data-t=wordpress]{--ti:url(https://cdn.prod.website-files.com/690f83acc1295e0499430487/6aba36acc6d1a82325386326_tool-wordpress.svg)}.nxv-tool[data-t=shopify]{--ti:url(https://cdn.prod.website-files.com/690f83acc1295e0499430487/6aba36ac3d763a0ab000e2a3_tool-shopify.svg)}.nxv-tool[data-t=woocommerce]{--ti:url(https://cdn.prod.website-files.com/690f83acc1295e0499430487/6aba36ad46550227dfeb8aa5_tool-woocommerce.svg)}.nxv-tool[data-t=react]{--ti:url(https://cdn.prod.website-files.com/690f83acc1295e0499430487/6aba36aec1aa60dc8568dadf_tool-react.svg)}.nxv-tool[data-t=github]{--ti:url(https://cdn.prod.website-files.com/690f83acc1295e0499430487/6aba36aeb7409a2626ff3cd6_tool-github.svg)}.nxv-tool[data-t=chatgpt]{--ti:url(https://cdn.prod.website-files.com/690f83acc1295e0499430487/6aba36ae3c427274f36862c4_tool-chatgpt.svg)}.nxv-tool[data-t=claude]{--ti:url(https://cdn.prod.website-files.com/690f83acc1295e0499430487/6aba36ae7cf879de162f5f9c_tool-claude.svg)}.nxv-tool[data-t=gemini]{--ti:url(https://cdn.prod.website-files.com/690f83acc1295e0499430487/6aba36afcd900e0a61504b1a_tool-gemini.svg)}.nxv-tool[data-t=midjourney]{--ti:url(https://cdn.prod.website-files.com/690f83acc1295e0499430487/6aba36af7766e026d171b2ce_tool-midjourney.svg)}.nxv-tool[data-t=adobe-firefly]{--ti:url(https://cdn.prod.website-files.com/690f83acc1295e0499430487/6aba36b0c1aa60dc8568dcec_tool-adobe-firefly.svg)}.nxv-tool[data-t=runway]{--ti:url(https://cdn.prod.website-files.com/690f83acc1295e0499430487/6aba36b0c21a3734d4eac431_tool-runway.svg)}.nxv-tool[data-t=elevenlabs]{--ti:url(https://cdn.prod.website-files.com/690f83acc1295e0499430487/6aba36b0cd900e0a61504bce_tool-elevenlabs.svg)}.nxv-tool[data-t=sora]{--ti:url(https://cdn.prod.website-files.com/690f83acc1295e0499430487/6aba36b0f2838d0506701577_tool-sora.svg)}.nxv-tool[data-t=kling-ai]{--ti:url(https://cdn.prod.website-files.com/690f83acc1295e0499430487/6aba36b01435c73680bfb9bf_tool-kling-ai.svg)}
.nxv-tools-label{display:none}

/* ===== v3.1 · signaturrörelser ===== */
/* rader i rubriker maskas fram */
.nxv-ln{display:block;overflow:hidden;padding:.06em 0 .24em;margin:-.06em 0 -.24em}
.nxv-ln>span{display:block;transform:translate3d(0,135%,0);transition:transform 1.1s var(--e-settle);transition-delay:calc(var(--l,0) * 90ms)}
.is-in .nxv-ln>span,.nxv-ln.is-in>span{transform:none}
.nxv-js [data-split]{opacity:1!important;transform:none!important}
/* staplade tjänstekort: föregående kort sjunker undan */
.nxv-tj-card{--k:0}
.nxv-tj-card>img{transform:translate3d(0,var(--py,0),0) scale(1.08);will-change:transform}
.nxv-tj-card::after{content:"";position:absolute;inset:0;background:var(--c-ink);opacity:calc(var(--k) * .55);pointer-events:none}
.nxv-tj-card .nxv-tj-body{transform:translateY(-50%) translate3d(0,calc(var(--k) * -3rem),0);opacity:calc(1 - var(--k) * 1.2)}
/* processlinjen ritas */
.nxv-step{border-top:0;position:relative}
.nxv-step::after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--c-ink);transform:scaleX(0);transform-origin:0 50%;transition:transform 1.2s var(--e-travel);transition-delay:calc(var(--i,0) * 120ms)}
.nxv-step.is-in::after{transform:none}
/* 3D-lutning med ljusreflex */
.nxv-tilt{transform:perspective(1000px) rotateX(var(--rx,0)) rotateY(var(--ry,0));transition:transform .6s var(--e-settle);will-change:transform;position:relative}
.nxv-tilt.is-in{transition:transform .6s var(--e-settle),opacity var(--t-slow) var(--e-settle)}
.nxv-tilt::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(28rem circle at var(--gx,50%) var(--gy,50%),rgba(255,255,255,.14),transparent 45%);opacity:0;transition:opacity var(--t-fast);z-index:1}
.nxv-tilt:hover::before{opacity:1}
/* sidövergång: märket växer till helskärm */
.nxv-pt{position:fixed;inset:0;z-index:2147483600;background:var(--c-ink);pointer-events:none}
@media (prefers-reduced-motion:reduce){.nxv-ln>span{transform:none!important;transition:none}.nxv-step::after{transform:none}.nxv-tilt{transform:none!important}.nxv-tj-card>img{transform:none}}
@media (max-width:767px){.nxv-tj-card .nxv-tj-body{transform:translate3d(0,calc(var(--k) * -3rem),0)}}

/* ===== Boka samtal ===== */
.nxv-bk{position:fixed;inset:0;z-index:2000;visibility:hidden;pointer-events:none}
.nxv-bk.is-open{visibility:visible;pointer-events:auto}
.nxv-bk-scrim{position:fixed;inset:0;background:rgba(8,8,8,.32);opacity:0;transition:opacity .4s}
.nxv-bk.is-open .nxv-bk-scrim{opacity:1}
.nxv-bk-card{position:absolute;right:1rem;top:5rem;width:min(30rem,calc(100% - 1.5rem));max-height:calc(100vh - 6rem);overflow:auto;padding:1.75rem;background:var(--c-graphite);color:var(--c-paper);font-family:Manrope,system-ui,sans-serif;box-shadow:0 30px 80px -30px rgba(8,8,8,.7);opacity:0;transform:translateY(-.75rem) scale(.98);transform-origin:100% 0;transition:opacity .35s var(--e-settle),transform .5s var(--e-settle);outline:0}
.nxv-bk.is-open .nxv-bk-card{opacity:1;transform:none}
.nxv-bk-me{display:flex;align-items:center;gap:1rem;padding-bottom:1.25rem;margin-bottom:1.25rem;border-bottom:1px solid var(--line-d)}
.nxv-bk-me img{width:56px;height:56px;object-fit:cover;filter:grayscale(1)}
.nxv-bk-me b{display:block;font-size:1rem;font-weight:600}
.nxv-bk-me span{display:block;font-size:.8125rem;color:var(--c-paper);opacity:.8}
.nxv-bk-me small{display:block;font-size:.75rem;color:var(--c-ash)}
.nxv-bk-x{margin-left:auto;align-self:flex-start;width:2.5rem;height:2.5rem;border:1px solid var(--line-d);background:transparent;cursor:pointer;position:relative;flex:none;transition:background-color var(--t-fast)}
.nxv-bk-x::before,.nxv-bk-x::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:1.5px;margin:-.75px 0 0 -7px;background:var(--c-paper);transform:rotate(45deg)}
.nxv-bk-x::after{transform:rotate(-45deg)}
.nxv-bk-x:hover{background:rgba(236,237,240,.08)}
.nxv-bk h2{margin:0;font-size:1.625rem;line-height:1.15;letter-spacing:-.03em;font-weight:600}
.nxv-bk-sub{margin:.5rem 0 0;font-size:.9375rem;color:var(--c-ash)}
.nxv-bk-prog{display:grid;grid-template-columns:repeat(3,1fr);gap:.375rem;margin:1.25rem 0 1.25rem}
.nxv-bk-prog i{height:2px;background:var(--line-d);transition:background-color .4s}
.nxv-bk-prog i.on{background:var(--c-paper)}
.nxv-bk-opts{display:grid;gap:.5rem}
.nxv-bk-opt{display:flex;gap:1rem;align-items:flex-start;width:100%;padding:1rem 1.125rem;border:1px solid var(--line-d);background:rgba(236,237,240,.03);color:var(--c-paper);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--t-fast),background-color var(--t-fast)}
.nxv-bk-opt:hover,.nxv-bk-opt[aria-pressed=true]{border-color:var(--c-paper);background:rgba(236,237,240,.07)}
.nxv-bk-opt i{flex:none;width:1.25rem;height:1.25rem;margin-top:.1rem;background:var(--c-signal);-webkit-mask:var(--bi) center/contain no-repeat;mask:var(--bi) center/contain no-repeat}
.nxv-bk-opt i[data-i=plats]{--bi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6'%3E%3Cpath d='M12 21s-7-6.2-7-11.5a7 7 0 0 1 14 0C19 14.8 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%3E%3C/svg%3E")}
.nxv-bk-opt i[data-i=tel]{--bi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6'%3E%3Cpath d='M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2'/%3E%3C/svg%3E")}
.nxv-bk-opt i[data-i=online]{--bi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6'%3E%3Crect x='3' y='6' width='13' height='12'/%3E%3Cpath d='M16 10l5-3v10l-5-3'/%3E%3C/svg%3E")}
.nxv-bk-opt b{display:block;font-size:1rem;font-weight:600}
.nxv-bk-opt small{display:block;margin-top:.125rem;font-size:.8125rem;color:var(--c-ash)}
.nxv-bk-l{margin:.25rem 0 .625rem;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--c-ash)}
.nxv-bk-chips{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:1.25rem}
.nxv-bk-chip{min-width:4.25rem;padding:.5rem .625rem;border:1px solid var(--line-d);background:transparent;color:var(--c-paper);font:500 .8125rem Manrope,system-ui,sans-serif;cursor:pointer;transition:background-color var(--t-fast),color var(--t-fast),border-color var(--t-fast)}
.nxv-bk-chip small{display:block;font-size:.6875rem;color:var(--c-ash);text-transform:uppercase;letter-spacing:.1em}
.nxv-bk-chip:hover{border-color:rgba(236,237,240,.5)}
.nxv-bk-chip[aria-pressed=true]{background:var(--c-paper);color:var(--c-ink);border-color:var(--c-paper)}
.nxv-bk-chip[aria-pressed=true] small{color:var(--c-steel)}
.nxv-bk-f{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.nxv-bk-f label{display:flex;flex-direction:column;gap:.375rem;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--c-ash)}
.nxv-bk-f em{font-style:normal;opacity:.7;text-transform:none;letter-spacing:0}
.nxv-bk-full{grid-column:1/-1}
.nxv-bk-f input,.nxv-bk-f textarea{width:100%;height:2.875rem;padding:0 .875rem;border:1px solid var(--line-d);border-radius:0;background:transparent;color:var(--c-paper);font:500 .9375rem Manrope,system-ui,sans-serif;text-transform:none;letter-spacing:0;outline:0;transition:border-color var(--t-fast)}
.nxv-bk-f textarea{height:auto;padding:.75rem .875rem;resize:vertical}
.nxv-bk-f input:focus,.nxv-bk-f textarea:focus{border-color:var(--c-paper)}
.nxv-bk-err{margin:.75rem 0 0;font-size:.875rem;color:#ff9b9b}
.nxv-bk-done{margin:0;font-size:1rem;line-height:1.6}
.nxv-bk-nav{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem}
.nxv-bk-nav[hidden]{display:none}
.nxv-bk .nxv-btn{background:var(--c-paper);color:var(--c-ink);border-color:var(--c-paper);margin-left:auto}
.nxv-bk .nxv-btn:disabled{opacity:.35;cursor:not-allowed}

@media (min-width:768px){.nxv-bk-scrim{background:transparent}}
@media (max-width:767px){.nxv-bk-card{left:0;right:0;top:auto;bottom:0;width:100%;max-height:88svh;transform:translateY(100%);transform-origin:50% 100%;transition:opacity .2s,transform .55s var(--e-settle)}.nxv-bk.is-open .nxv-bk-card{transform:none}.nxv-bk-f{grid-template-columns:1fr}}

/* ===== Webbplatsanalys · skanner ===== */
.nxv-scan{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(2.5rem,1rem + 5vw,6rem);align-items:center}
.nxv-scan-copy .nxv-h2{margin-top:var(--sp-5)}
.nxv-scan-copy .nxv-lead{margin-top:var(--sp-6);max-width:32rem}
.nxv-scan-field{margin-top:var(--sp-7)}
.nxv-scan-in{display:flex;align-items:stretch;height:4rem;background:var(--c-paper);box-shadow:inset 0 0 0 1px var(--line-l);transition:box-shadow var(--t-fast)}
.nxv-scan-in:focus-within{box-shadow:inset 0 0 0 1.5px var(--c-ink)}
.nxv-scan-in.is-err{box-shadow:inset 0 0 0 1.5px #c0392b}
.nxv-scan-in span{display:flex;align-items:center;padding:0 0 0 1.25rem;font:500 1rem Manrope,system-ui,sans-serif;color:var(--c-ash);user-select:none}
.nxv-scan-in input{flex:1;min-width:0;border:0;background:transparent;padding:0 .75rem 0 .125rem;font:600 1.0625rem Manrope,system-ui,sans-serif;color:var(--c-ink);outline:0}
.nxv-scan-in input::placeholder{color:rgba(85,87,94,.55);font-weight:500}
.nxv-scan-in .nxv-btn{height:auto;margin:.375rem;border:0}
.nxv-scan-err{margin-top:.5rem;font-size:.875rem;color:#a93226;min-height:1.25rem}
.nxv-scan-note{margin-top:.75rem;font-size:var(--fs-small);color:var(--c-steel)}
.nxv-scan-more{margin-top:var(--sp-6)}
.nxv-scan-card{position:relative;overflow:hidden;padding:1.5rem;background:var(--c-ink);color:var(--c-paper);box-shadow:0 40px 80px -40px rgba(8,8,8,.55)}
.nxv-scan-card::after{content:"";position:absolute;left:0;right:0;top:-30%;height:30%;background:linear-gradient(180deg,transparent,rgba(236,237,240,.07) 70%,rgba(236,237,240,.22) 99%,rgba(203,253,60,.5));pointer-events:none;animation:nxvscan 3.2s var(--e-travel) infinite}
@keyframes nxvscan{0%{transform:translateY(0)}100%{transform:translateY(440%)}}
.nxv-scan-bar{display:flex;align-items:center;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid var(--line-d);font-size:.875rem}
.nxv-scan-dot{width:.375rem;height:.375rem;background:var(--c-signal);animation:nxvled 1.6s ease-in-out infinite}
.nxv-scan-url{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;letter-spacing:-.005em}
.nxv-scan-tag{font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--c-ash);font-weight:600}
.nxv-scan-score{display:flex;align-items:baseline;gap:.5rem;padding:1.75rem 0 1.25rem}
.nxv-scan-k{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--c-ash);font-weight:600;margin-right:auto}
.nxv-scan-n{font-size:clamp(3.5rem,2.5rem + 3vw,5.5rem);line-height:.9;letter-spacing:-.05em;font-weight:600;font-variant-numeric:tabular-nums}
.nxv-scan-of{font-size:1rem;color:var(--c-ash)}
.nxv-scan-rows{display:grid;gap:1rem}
.nxv-scan-row{display:grid;grid-template-columns:7.5rem 1fr 2.25rem;align-items:center;gap:1rem;font-size:.875rem}
.nxv-scan-row span{color:var(--c-ash)}
.nxv-scan-row b{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}
.nxv-scan-m{--v:0;display:block;height:.875rem;background:linear-gradient(var(--c-paper),var(--c-paper)) 0 0/calc(var(--v) * 1%) 100% no-repeat,rgba(236,237,240,.1);-webkit-mask:repeating-linear-gradient(90deg,#000 0 calc(5% - 3px),transparent calc(5% - 3px) 5%);mask:repeating-linear-gradient(90deg,#000 0 calc(5% - 3px),transparent calc(5% - 3px) 5%);transition:background-size 1.4s var(--e-settle)}
.nxv-scan-row:nth-child(2) .nxv-scan-m{transition-delay:.15s}.nxv-scan-row:nth-child(3) .nxv-scan-m{transition-delay:.3s}
.nxv-scan-foot{display:flex;justify-content:space-between;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--line-d);font-size:.8125rem;color:var(--c-ash)}
.nxv-scan-foot span:last-child{color:var(--c-paper);font-weight:600}
@media (max-width:991px){.nxv-scan{grid-template-columns:1fr}}
@media (max-width:479px){.nxv-scan-in{height:auto;flex-wrap:wrap}.nxv-scan-in span{padding:1rem 0 0 1rem}.nxv-scan-in input{height:3rem;padding-left:1rem;flex-basis:100%}.nxv-scan-in .nxv-btn{flex:1;height:3.25rem;margin:0 .375rem .375rem}.nxv-scan-in span+input{padding-left:1rem}.nxv-scan-row{grid-template-columns:6rem 1fr 2rem}}
@media (prefers-reduced-motion:reduce){.nxv-scan-card::after{display:none}}
.nxv-scan-in input:focus-visible{outline:0}.nxv-scan-in .nxv-btn:focus-visible{outline-offset:-4px;outline-color:var(--c-paper)}

/* ===== Dimma nertill: progressiv oskärpa (inget glas, ingen färg) ===== */
.nxv-fog{position:fixed;left:0;right:0;bottom:0;height:7.5rem;z-index:50;pointer-events:none;transition:opacity .6s var(--e-settle)}
.nxv-fog.is-end{opacity:0}
.nxv-fog i{position:absolute;inset:0}
.nxv-fog i:nth-child(1){-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);-webkit-mask:linear-gradient(to bottom,transparent 0.0%,#000 12.5%,#000 25.0%,transparent 37.5%);mask:linear-gradient(to bottom,transparent 0.0%,#000 12.5%,#000 25.0%,transparent 37.5%)}
.nxv-fog i:nth-child(2){-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);-webkit-mask:linear-gradient(to bottom,transparent 12.5%,#000 25.0%,#000 37.5%,transparent 50.0%);mask:linear-gradient(to bottom,transparent 12.5%,#000 25.0%,#000 37.5%,transparent 50.0%)}
.nxv-fog i:nth-child(3){-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-mask:linear-gradient(to bottom,transparent 25.0%,#000 37.5%,#000 50.0%,transparent 62.5%);mask:linear-gradient(to bottom,transparent 25.0%,#000 37.5%,#000 50.0%,transparent 62.5%)}
.nxv-fog i:nth-child(4){-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-mask:linear-gradient(to bottom,transparent 37.5%,#000 50.0%,#000 62.5%,transparent 75.0%);mask:linear-gradient(to bottom,transparent 37.5%,#000 50.0%,#000 62.5%,transparent 75.0%)}
.nxv-fog i:nth-child(5){-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-mask:linear-gradient(to bottom,transparent 50.0%,#000 62.5%,#000 75.0%,transparent 87.5%);mask:linear-gradient(to bottom,transparent 50.0%,#000 62.5%,#000 75.0%,transparent 87.5%)}
.nxv-fog i:nth-child(6){-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);-webkit-mask:linear-gradient(to bottom,transparent 62.5%,#000 75.0%);mask:linear-gradient(to bottom,transparent 62.5%,#000 75.0%)}
@media (max-width:767px){.nxv-fog{height:5.5rem}.nxv-fog i:nth-child(n+5){display:none}}
@media (prefers-reduced-transparency:reduce){.nxv-fog{display:none}}
.nxv-menu-open .nxv-fog{opacity:0}


/* ===== nexunest motion · standard v2 =====
   Svart scen · få tunna linjer · ett koncept i tre steg · lime = värde · märket finns alltid med · nexunest-signatur nere till höger */
.mo{position:relative;background:#000;overflow:hidden}
.mo svg{position:absolute;inset:0;display:block;width:100%;height:100%;filter:drop-shadow(0 0 6px rgba(236,237,240,.18))}
.mo *{animation-play-state:paused!important;transform-box:fill-box}
.mo.is-play *{animation-play-state:running!important}
.mo .mo-ln{fill:none;stroke:var(--c-paper);stroke-width:1.25;stroke-linecap:square}
.mo .mo-dimln{stroke-opacity:.28}
.mo .mo-fill,.mo .mo-fill *{fill:var(--c-paper)}
.mo .mo-lime{fill:var(--c-signal)}
.mo .mo-dim2{fill:rgba(236,237,240,.22)}
.mo text{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-weight:500;letter-spacing:.14em;fill:var(--c-paper)}
.mo .mo-lab{font-size:8px;fill:var(--c-ash)}
.mo .mo-lab2{font-size:6.5px;fill:var(--c-ash)}
.mo .mo-tag{font-size:6.5px;letter-spacing:.06em;fill:var(--c-signal)}
.mo .mo-url{font-size:6.5px;letter-spacing:.04em}
.mo .mo-code{font-size:9px;letter-spacing:.02em}
.mo .mo-limet{fill:var(--c-signal)}
.mo .mo-wm{font-size:7px;letter-spacing:.04em;fill:#34353a;font-family:Manrope,system-ui,sans-serif;font-weight:600}
.mo .mo-cur{fill:var(--c-paper);stroke:#000;stroke-width:.8}
.mo .mo-h{fill:#000;stroke:var(--c-signal);stroke-width:1}
.mo .l1,.mo .l2,.mo .l3{opacity:0}
@keyframes mo-in{from{opacity:0}to{opacity:1}}

/* --- 01 Figma → kod → live (9s) --- */
.mo-web .w-fr{stroke-dasharray:1;animation:mw-fr 9s var(--e-travel) infinite}
@keyframes mw-fr{0%{stroke-dashoffset:1;opacity:1}8%,92%{stroke-dashoffset:0;opacity:1}97%{opacity:0}100%{stroke-dashoffset:1;opacity:0}}
.mo-web .w-sel{opacity:0;animation:mw-sel 9s infinite}
@keyframes mw-sel{0%,11%{opacity:0}12%,62%{opacity:1}66%,100%{opacity:0}}
.mo-web .w-mk{opacity:0;animation:mw-mk 9s var(--e-settle) infinite}
@keyframes mw-mk{0%,13%{opacity:0;transform:scale(.92)}20%,32%{opacity:1;transform:none}36%,100%{opacity:0}}
.mo-web .mo-code{opacity:0}
.mo-web .c1{animation:mw-c1 9s steps(1) infinite}.mo-web .c2{animation:mw-c2 9s steps(1) infinite}.mo-web .c3{animation:mw-c3 9s steps(1) infinite}
@keyframes mw-c1{0%,37%{opacity:0}38%,62%{opacity:1}63%,100%{opacity:0}}
@keyframes mw-c2{0%,42%{opacity:0}43%,62%{opacity:1}63%,100%{opacity:0}}
@keyframes mw-c3{0%,47%{opacity:0}48%,62%{opacity:1}63%,100%{opacity:0}}
.mo-web .w-caret{fill:var(--c-signal);opacity:0;animation:mw-caret 9s steps(1) infinite}
@keyframes mw-caret{0%,48%{opacity:0}49%{opacity:1}52%{opacity:0}55%{opacity:1}58%{opacity:0}61%{opacity:1}63%,100%{opacity:0}}
.mo-web .w-live{opacity:0;animation:mw-live 9s var(--e-settle) infinite}
@keyframes mw-live{0%,64%{opacity:0;transform:translateY(4px)}70%,92%{opacity:1;transform:none}97%,100%{opacity:0}}
.mo-web .w-pulse{fill:none;stroke:var(--c-signal);stroke-width:1.25;opacity:0;transform-origin:center;animation:mw-pulse 9s var(--e-settle) infinite}
@keyframes mw-pulse{0%,70%{opacity:0;transform:none}71%{opacity:.9}86%,100%{opacity:0;transform:scale(1.12,1.16)}}
.mo-web .w-cur{opacity:0;animation:mw-cur 9s var(--e-travel) infinite}
@keyframes mw-cur{0%,3%{opacity:0;transform:translate(330px,220px)}5%{opacity:1}10%{transform:translate(236px,150px)}11%{transform:translate(236px,150px) scale(.8)}12.5%{transform:translate(236px,150px) scale(1);opacity:1}18%,100%{opacity:0;transform:translate(250px,170px)}}
.mo-web .l1{animation:m9-l1 9s infinite}.mo-web .l2{animation:m9-l2 9s infinite}.mo-web .l3{animation:m9-l3 9s infinite}
@keyframes m9-l1{0%,4%{opacity:0}8%,32%{opacity:1}36%,100%{opacity:0}}
@keyframes m9-l2{0%,36%{opacity:0}40%,61%{opacity:1}64%,100%{opacity:0}}
@keyframes m9-l3{0%,65%{opacity:0}69%,92%{opacity:1}96%,100%{opacity:0}}

/* --- 02 Logo → webb → synlighet (10s) --- */
.mo-brand .b-big{transform-box:view-box;transform-origin:0 0;animation:mb-big 10s var(--e-travel) infinite}
@keyframes mb-big{0%,30%{transform:translate(153px,58px) scale(.22);opacity:1}46%,90%{transform:translate(48px,113px) scale(.05);opacity:1}95%,100%{transform:translate(48px,113px) scale(.05);opacity:0}}
.mo-brand .b-sq{opacity:0;animation:mb-sq 10s infinite}
.mo-brand .b-cu{opacity:0;animation:mb-cu 10s infinite}
@keyframes mb-sq{0%,3%{opacity:0;transform:translate(-300px,120px)}4%{opacity:1;animation-timing-function:cubic-bezier(.34,1.4,.64,1)}16%,90%{opacity:1;transform:none}95%,100%{opacity:0;transform:none}}
@keyframes mb-cu{0%,5%{opacity:0;transform:translate(300px,-120px)}6%{opacity:1;animation-timing-function:cubic-bezier(.34,1.4,.64,1)}18%,90%{opacity:1;transform:none}95%,100%{opacity:0;transform:none}}
.mo-brand .b-led{opacity:0;animation:mb-led 10s infinite}
@keyframes mb-led{0%,18%{opacity:0}20%,30%{opacity:1}33%,100%{opacity:0}}
.mo-brand .b-t1{opacity:0;animation:mb-t1 10s var(--e-settle) infinite}
.mo-brand .b-t2{opacity:0;animation:mb-t2 10s var(--e-settle) infinite}
.mo-brand .b-t3{opacity:0;animation:mb-t3 10s var(--e-settle) infinite}
@keyframes mb-t1{0%,36%{opacity:0;transform:translateY(6px)}44%,90%{opacity:1;transform:none}95%,100%{opacity:0}}
@keyframes mb-t2{0%,60%{opacity:0;transform:translateY(6px)}66%,90%{opacity:1;transform:none}95%,100%{opacity:0}}
@keyframes mb-t3{0%,68%{opacity:0;transform:translateY(6px)}74%,90%{opacity:1;transform:none}95%,100%{opacity:0}}
.mo-brand .b-c1,.mo-brand .b-c2{stroke-dasharray:1;stroke-dashoffset:1;animation:mb-c1 10s var(--e-travel) infinite}
.mo-brand .b-c2{animation-name:mb-c2}
@keyframes mb-c1{0%,56%{stroke-dashoffset:1;opacity:1}61%,90%{stroke-dashoffset:0;opacity:1}95%,100%{opacity:0}}
@keyframes mb-c2{0%,64%{stroke-dashoffset:1;opacity:1}69%,90%{stroke-dashoffset:0;opacity:1}95%,100%{opacity:0}}
.mo-brand .l1{animation:m10-l1 10s infinite}.mo-brand .l2{animation:m10-l2 10s infinite}.mo-brand .l3{animation:m10-l3 10s infinite}
@keyframes m10-l1{0%,3%{opacity:0}7%,30%{opacity:1}34%,100%{opacity:0}}
@keyframes m10-l2{0%,36%{opacity:0}40%,56%{opacity:1}60%,100%{opacity:0}}
@keyframes m10-l3{0%,61%{opacity:0}65%,90%{opacity:1}95%,100%{opacity:0}}

/* --- 03 Agenter (8s, paket 2.4s) --- */
.mo-ai .a-ln{stroke-dasharray:1;animation:ma-ln 8s var(--e-travel) infinite}
@keyframes ma-ln{0%{stroke-dashoffset:1}10%,100%{stroke-dashoffset:0}}
.mo-ai .a-core{fill:#000;stroke:var(--c-paper);stroke-width:1.25}
.mo-ai .a-ring{fill:none;stroke:var(--c-signal);stroke-width:1;transform-origin:center;animation:ma-ring 2.4s var(--e-settle) infinite}
@keyframes ma-ring{0%{opacity:.8;transform:none}60%,100%{opacity:0;transform:scale(1.5)}}
.mo-ai .a-on{fill:rgba(236,237,240,.25)}
.mo-ai .ag1 .a-on{animation:ma-on 2.4s steps(1) infinite}
.mo-ai .ag2 .a-on{animation:ma-on 2.4s steps(1) .8s infinite}
.mo-ai .ag3 .a-on{animation:ma-on 2.4s steps(1) 1.6s infinite}
@keyframes ma-on{0%,30%{fill:rgba(236,237,240,.25)}31%,62%{fill:var(--c-signal)}63%,100%{fill:rgba(236,237,240,.25)}}
.mo-ai .a-pk{fill:var(--c-signal);opacity:0}
.mo-ai .a-bk{fill:var(--c-paper);opacity:0}
.mo-ai .p1{animation:ma-p1 2.4s var(--e-travel) infinite}.mo-ai .b1{animation:ma-b1 2.4s var(--e-travel) infinite}
.mo-ai .p2{animation:ma-p2 2.4s var(--e-travel) .8s infinite}.mo-ai .b2{animation:ma-b2 2.4s var(--e-travel) .8s infinite}
.mo-ai .p3{animation:ma-p3 2.4s var(--e-travel) 1.6s infinite}.mo-ai .b3{animation:ma-b3 2.4s var(--e-travel) 1.6s infinite}
@keyframes ma-p1{0%{opacity:0;transform:translate(172px,112px)}4%{opacity:1}30%{opacity:1;transform:translate(98px,112px)}32%,100%{opacity:0;transform:translate(98px,112px)}}
@keyframes ma-b1{0%,62%{opacity:0;transform:translate(98px,112px)}66%{opacity:1}92%{opacity:1;transform:translate(172px,112px)}95%,100%{opacity:0;transform:translate(172px,112px)}}
@keyframes ma-p2{0%{opacity:0;transform:translate(228px,99px)}4%{opacity:1}30%{opacity:1;transform:translate(294px,63px)}32%,100%{opacity:0;transform:translate(294px,63px)}}
@keyframes ma-b2{0%,62%{opacity:0;transform:translate(294px,63px)}66%{opacity:1}92%{opacity:1;transform:translate(228px,99px)}95%,100%{opacity:0;transform:translate(228px,99px)}}
@keyframes ma-p3{0%{opacity:0;transform:translate(228px,125px)}4%{opacity:1}30%{opacity:1;transform:translate(294px,161px)}32%,100%{opacity:0;transform:translate(294px,161px)}}
@keyframes ma-b3{0%,62%{opacity:0;transform:translate(294px,161px)}66%{opacity:1}92%{opacity:1;transform:translate(228px,125px)}95%,100%{opacity:0;transform:translate(228px,125px)}}
.mo-ai .a-bar{fill:none;stroke:var(--c-signal);stroke-width:1.5;transform-origin:0 50%;animation:ma-bar 8s linear infinite}
@keyframes ma-bar{0%{transform:scaleX(0);opacity:1}86%,94%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
.mo-ai .a-pc text{opacity:0}
.mo-ai .q1{animation:ma-q1 8s steps(1) infinite}.mo-ai .q2{animation:ma-q2 8s steps(1) infinite}.mo-ai .q3{animation:ma-q3 8s steps(1) infinite}.mo-ai .q4{animation:ma-q4 8s steps(1) infinite}
@keyframes ma-q1{0%,21%{opacity:0}22%{opacity:1}43%,100%{opacity:0}}
@keyframes ma-q2{0%,42%{opacity:0}43%{opacity:1}64%,100%{opacity:0}}
@keyframes ma-q3{0%,63%{opacity:0}64%{opacity:1}86%,100%{opacity:0}}
@keyframes ma-q4{0%,85%{opacity:0}86%{opacity:1}100%{opacity:1}}

@media (prefers-reduced-motion:reduce){
.mo *{animation:none!important}
.mo-web .w-sel,.mo-web .w-mk,.mo-web .w-code,.mo-web .w-cur,.mo-web .w-pulse,.mo .l1,.mo .l2,.mo-ai .a-pk,.mo-ai .a-bk,.mo-ai .q1,.mo-ai .q2,.mo-ai .q3,.mo-brand .b-led{display:none}
.mo-web .w-live,.mo .l3,.mo-brand .b-t1,.mo-brand .b-t2,.mo-brand .b-t3,.mo-brand .b-sq,.mo-brand .b-cu,.mo-ai .q4{opacity:1}
.mo-brand .b-big{transform:translate(48px,113px) scale(.05)}
}

/* ===== Tjänster: en mörk skärm (100vh på desktop) ===== */
.nxv-tj-intro{padding:clamp(5.5rem,4rem + 4vh,7rem) 0 clamp(2rem,1rem + 3vh,4rem)}
.nxv-tj-intro .nxv-head{max-width:none;margin:0 0 clamp(1.5rem,1rem + 2vh,2.75rem);text-align:left;display:grid;grid-template-columns:1.15fr 1fr;column-gap:clamp(2rem,1rem + 4vw,6rem);align-items:end}
.nxv-tj-intro .nxv-head>.nxv-eb{grid-column:1;grid-row:1}
.nxv-tj-intro .nxv-head>.nxv-h2{grid-column:1;grid-row:2/4;margin-top:var(--sp-4);font-size:clamp(2rem,1.4rem + 2.2vw,3.5rem)}
.nxv-tj-intro .nxv-head>.nxv-lead{grid-column:2;grid-row:2;margin-top:0;max-width:34rem;font-size:1.0625rem}
.nxv-tj-intro .nxv-head>.nxv-actions{grid-column:2;grid-row:3;margin-top:var(--sp-5);justify-content:flex-start}
.nxv-svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.nxv-svc{display:flex;flex-direction:column;border:1px solid var(--line-d);background:#0d0e10;transition:border-color var(--t-base) var(--e-settle)}
.nxv-svc:hover{border-color:rgba(236,237,240,.4)}
.nxv-svc-stage{aspect-ratio:16/10;border-bottom:1px solid var(--line-d)}
.nxv-svc-body{display:flex;flex-direction:column;align-items:flex-start;padding:clamp(1.25rem,.8rem + 1vw,1.75rem)}
.nxv-svc .nxv-tj-num{display:inline-flex;align-items:center;gap:.5rem;color:var(--c-ash)}
.nxv-svc .nxv-tj-num::before{content:"";width:.375rem;height:.375rem;background:var(--c-signal)}
.nxv-svc .nxv-h3{margin-top:var(--sp-3);font-size:clamp(1.25rem,1rem + .6vw,1.5rem)}
.nxv-svc .nxv-body{margin-top:var(--sp-2);color:var(--c-ash);font-size:.9375rem}
.nxv-svc .nxv-chips{margin-top:var(--sp-4)}
.nxv-svc .nxv-chips{gap:.375rem}.nxv-svc .nxv-chip{height:1.75rem;padding:0 .5rem;font-size:.75rem}
.nxv-svc .nxv-link{margin-top:var(--sp-4);background-position:0 100%,0 100%}
@media (min-width:992px) and (min-height:640px){
.nxv-tj-intro{height:100vh;height:100svh;display:flex;flex-direction:column;padding-bottom:clamp(3.5rem,2rem + 4vh,5rem)}
.nxv-tj-intro>.nxv-wrap{flex:1;min-height:0;display:flex;flex-direction:column}
.nxv-svc-grid{flex:1;min-height:0;grid-template-rows:minmax(8rem,1fr) auto}
.nxv-svc{display:grid;grid-row:span 2;grid-template-rows:subgrid;min-height:0}
.nxv-svc-stage{aspect-ratio:auto;min-height:0}
.nxv-svc-body{height:100%}
.nxv-svc .nxv-link{margin-top:auto;padding-top:var(--sp-4)}
}
@media (max-width:991px){.nxv-tj-intro .nxv-head{grid-template-columns:1fr}.nxv-tj-intro .nxv-head>*{grid-column:1!important;grid-row:auto!important}.nxv-tj-intro .nxv-head>.nxv-lead{margin-top:var(--sp-5)}.nxv-svc-grid{grid-template-columns:1fr 1fr}.nxv-svc:last-child{grid-column:1/-1}}
@media (max-width:767px){.nxv-svc-grid{grid-template-columns:1fr}}
/* ===== 9. Sidoetikett (rail) – en fast kapitelmarkör till vänster ===== */
.nxv-rail{display:none}
@media (min-width:1200px){
.nxv-rail{position:fixed;left:clamp(1.25rem,1.6vw,1.75rem);top:50%;z-index:40;display:flex;flex-direction:column;align-items:center;gap:.875rem;transform:translateY(-50%);pointer-events:none;color:var(--c-steel);transition:color .5s var(--e-settle),opacity .5s var(--e-settle)}
.nxv-on-rail-dark .nxv-rail{color:var(--c-ash)}
.nxv-rail-n{font:600 .6875rem/1 ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.06em;font-variant-numeric:tabular-nums;padding:.375rem .25rem;background:rgba(8,8,8,.06)}
.nxv-on-rail-dark .nxv-rail-n{background:rgba(236,237,240,.08)}
.nxv-rail-t{display:block;overflow:hidden;height:9.5rem;writing-mode:vertical-rl;transform:rotate(180deg)}
.nxv-rail-t span{display:block;white-space:nowrap;font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;transition:transform .55s var(--e-settle),opacity .4s}
.nxv-rail.is-sw .nxv-rail-t span{transform:translateX(-100%);opacity:0;transition-duration:.25s}
.nxv-rail-led{position:relative;width:6px;height:6px;background:currentColor}
.nxv-rail.is-live .nxv-rail-led{background:var(--c-signal)}
.nxv-rail.is-live .nxv-rail-led::after{content:"";position:absolute;inset:-4px;border:1px solid var(--c-signal);animation:nxvping 2.4s var(--e-settle) infinite}
.nxv-menu-open .nxv-rail{opacity:0}}
@keyframes nxvping{0%{transform:scale(.6);opacity:1}100%{transform:scale(1.8);opacity:0}}

/* ===== 10. nexubot · nxv-skin (fyrkantigt, Manrope, lime = signal) ===== */
html body #nexubot{font-family:Manrope,system-ui,sans-serif!important;--nxb-lime:#CBFD3C}
html body #nexubot .nxb-launch{transition:opacity .35s var(--e-settle),transform .5s var(--e-settle)!important}
html body #nexubot.is-open .nxb-launch{opacity:0!important;transform:scale(.6)!important;pointer-events:none;visibility:hidden}
html body #nexubot .nxb-panel{bottom:0!important;right:0!important;width:392px!important;height:min(640px,calc(100vh - 48px))!important;border-radius:0!important;background:var(--c-ink)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:0 40px 90px -30px rgba(0,0,0,.75),inset 0 0 0 1px rgba(236,237,240,.14)!important;transform:translateY(1rem)!important}
html body #nexubot.is-open .nxb-panel{transform:none!important}
html body #nexubot .nxb-head{gap:12px;padding:14px 14px 14px 16px!important;border-bottom:1px solid rgba(236,237,240,.14)!important}
html body #nexubot .nxb-orb-s{width:40px!important;height:40px!important;background:var(--c-graphite)!important;border-radius:0!important;overflow:hidden}
html body #nexubot .nxb-orb-s .nxm{left:17%!important;top:17%!important;width:66%!important;height:66%!important}
html body #nexubot .nxb-title{min-width:0;flex:1}
html body #nexubot .nxb-title strong{font-size:15px!important;font-weight:600!important;letter-spacing:-.01em}
html body #nexubot .nxb-title span{display:flex!important;align-items:center;gap:6px;margin-top:6px!important;font-size:0!important;line-height:1}
html body #nexubot .nxb-title span::before{content:"";width:5px;height:5px;background:var(--c-signal);flex:none}
html body #nexubot .nxb-title span::after{content:"Online · svarar direkt";font:500 10px/1 ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--c-ash)}
html body #nexubot.is-busy .nxb-title span::after{content:"Skriver…"}
html body #nexubot .nxb-reset,html body #nexubot .nxb-close{width:34px!important;height:34px!important;border-radius:0!important;background-color:transparent!important;box-shadow:inset 0 0 0 1px rgba(236,237,240,.14)!important;margin-left:0!important;transition:background-color .25s,box-shadow .25s!important}
html body #nexubot .nxb-reset{margin-left:auto!important}
html body #nexubot .nxb-reset:hover,html body #nexubot .nxb-close:hover{background-color:var(--c-graphite)!important;box-shadow:inset 0 0 0 1px rgba(236,237,240,.32)!important;transform:none!important}
html body #nexubot .nxb-close::before,html body #nexubot .nxb-close::after{height:1.5px;border-radius:0}
html body #nexubot .nxb-log{padding:20px 16px 12px!important;gap:18px!important}
html body #nexubot .nxb-msg{border-radius:0!important;font-size:14.5px!important;line-height:1.55!important}
html body #nexubot .nxb-msg::before{display:block;margin-bottom:8px;font:500 10px/1 ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--c-ash)}
html body #nexubot .nxb-msg.is-bot{max-width:94%!important;background:none!important;padding:0!important;color:var(--c-paper)!important}
html body #nexubot .nxb-msg.is-bot::before{content:"nexubot"}
html body #nexubot .nxb-msg.is-bot>*{border-left:1px solid var(--c-signal);padding-left:14px;margin:0}
html body #nexubot .nxb-msg.is-bot>*+*{padding-top:8px;margin-top:0!important}
html body #nexubot .nxb-msg.is-bot>p+p{color:var(--c-ash)}
html body #nexubot .nxb-msg.is-bot ul{padding-inline-start:30px}
html body #nexubot .nxb-msg.is-user{max-width:82%!important;background:none!important;padding:0!important;text-align:right;color:var(--c-ink)!important}
html body #nexubot .nxb-msg.is-user::before{content:"Ni"}
html body #nexubot .nxb-msg.is-user>*{background:var(--c-paper);padding:10px 14px;text-align:left;font-weight:500}
html body #nexubot .nxb-msg.is-user:not(:has(>*)){background:var(--c-paper)!important;padding:10px 14px!important;text-align:left;font-weight:500}
html body #nexubot .nxb-msg.is-user:not(:has(>*))::before{display:none}
html body #nexubot .nxb-msg a{text-decoration:none!important;border-bottom:1px solid currentColor}
html body #nexubot .nxb-msg.is-typing{flex-direction:row!important;align-items:center;gap:5px!important;padding:0 0 0 15px!important;border-left:1px solid var(--c-signal)}
html body #nexubot .nxb-msg.is-typing::before{display:none}
html body #nexubot .nxb-msg.is-typing span{width:5px!important;height:5px!important;border-radius:0!important;background:var(--c-paper)!important;border:0!important;padding:0!important;animation:nxbsq 1.2s steps(1) infinite!important}
html body #nexubot .nxb-msg.is-typing span:nth-child(2){animation-delay:.2s!important}html body #nexubot .nxb-msg.is-typing span:nth-child(3){animation-delay:.4s!important}
html body #nexubot .nxb-msg.is-typing::after{content:"Tänker";margin-left:8px;font:500 10px/1 ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--c-ash)}
@keyframes nxbsq{0%{opacity:.25}33%{opacity:1;background:var(--c-signal)}66%{opacity:.25}}
html body #nexubot .nxb-chips{display:block!important;padding:0!important;gap:0!important;border-top:1px solid rgba(236,237,240,.14);counter-reset:nxq}
html body #nexubot .nxb-chips:empty{display:none!important}
html body #nexubot .nxb-chips button{display:flex!important;align-items:center;gap:14px;width:100%;padding:12px 16px!important;border:0!important;border-bottom:1px solid rgba(236,237,240,.08)!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;color:var(--c-paper)!important;font:inherit!important;font-size:14px!important;text-align:left;counter-increment:nxq;transition:background-color .25s!important}
html body #nexubot .nxb-chips button::before{content:counter(nxq,decimal-leading-zero);flex:none;width:16px;font:500 10px/1 ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.1em;color:var(--c-ash)}
html body #nexubot .nxb-chips button::after{content:"→";margin-left:auto;color:var(--c-ash);transition:transform .35s var(--e-settle),color .25s}
html body #nexubot .nxb-chips button:hover{background:var(--c-graphite)!important;color:var(--c-paper)!important}
html body #nexubot .nxb-chips button:hover::after{color:var(--c-signal);transform:translateX(3px)}
html body #nexubot .nxb-chips button.is-reset{color:var(--c-ash)!important}
html body #nexubot .nxb-form{align-items:stretch!important;gap:0!important;margin:12px 16px 8px!important;padding:0!important;border-radius:0!important;background:transparent!important;box-shadow:inset 0 0 0 1px rgba(236,237,240,.14)!important;transition:box-shadow .25s}
html body #nexubot .nxb-form:focus-within{box-shadow:inset 0 0 0 1px var(--c-paper)!important}
html body #nexubot .nxb-form textarea{align-self:center;padding:13px 14px!important;font-family:inherit!important;caret-color:var(--c-signal);color:var(--c-paper)!important}
html body #nexubot .nxb-form textarea::placeholder{color:var(--c-ash)!important}
html body #nexubot .nxb-form button{width:48px!important;height:auto!important;min-height:48px;border-radius:0!important;background-color:var(--c-paper)!important;transform:none!important;transition:background-color .25s!important}
html body #nexubot .nxb-form button:hover:not(:disabled){background-color:#fff!important}
html body #nexubot .nxb-form button:disabled{opacity:.35!important}
html body #nexubot .nxb-note{margin:2px 16px 14px!important;text-align:left!important;font:500 10px/1.5 ui-monospace,"SF Mono",Menlo,Consolas,monospace!important;letter-spacing:.08em;text-transform:uppercase;color:var(--c-ash)!important}
html body #nexubot .nxb-note a{color:var(--c-paper)!important;text-decoration:none!important;border-bottom:1px solid rgba(236,237,240,.3)}
html body #nexubot .nxb-panel :focus-visible{outline:1px solid var(--c-signal)!important;outline-offset:2px}
html body #nexubot .nxb-tip{position:absolute;right:calc(100% + 12px);bottom:8px;width:max-content;max-width:15rem;padding:9px 12px;background:var(--c-paper);color:var(--c-ink);font-size:13px;font-weight:500;line-height:1.35;cursor:pointer;opacity:0;transform:translateX(.5rem);transition:opacity .4s var(--e-settle),transform .5s var(--e-settle);pointer-events:none;box-shadow:0 14px 34px -14px rgba(8,8,8,.5)}
html body #nexubot .nxb-tip small{display:block;margin-bottom:4px;font:500 9.5px/1 ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.12em;color:var(--c-steel)}
html body #nexubot .nxb-tip.is-on{opacity:1;transform:none;pointer-events:auto}
html body #nexubot.is-open .nxb-tip{display:none}
@media (max-width:479px){
html body #nexubot .nxb-panel{position:fixed!important;left:0!important;right:0!important;top:56px!important;bottom:0!important;width:auto!important;height:auto!important;transform:translateY(2rem)!important}
html body #nexubot .nxb-panel::before{content:"";position:absolute;left:50%;top:7px;width:36px;height:3px;margin-left:-18px;background:rgba(236,237,240,.2)}
html body #nexubot .nxb-head{padding-top:20px!important}
html body #nexubot .nxb-form{margin:10px 12px calc(12px + env(safe-area-inset-bottom))!important}
html body #nexubot .nxb-note{display:none}
html body #nexubot .nxb-tip{display:none}}
@media (prefers-reduced-motion:reduce){html body #nexubot .nxb-msg.is-typing span{animation:none!important;opacity:.6}}
html body #nexubot .nxb-form textarea:focus,html body #nexubot .nxb-form textarea:focus-visible{outline:none!important;box-shadow:none!important}
/* ===== 11. Staplade sektioner + Tjänster centrerad ===== */
.nxv-main>section{position:relative}
.nxv-stack-on .nxv-main>section:first-child{position:sticky;top:var(--st,0px)}
.nxv-main>section{background:var(--c-stone)}
.nxv-main>section.nxv-dark,.nxv-main>section.nxv-tj{background:var(--c-ink)}
.nxv-stack-on .nxv-main>section:nth-child(2){box-shadow:0 -40px 80px -40px rgba(8,8,8,.35)}
.nxv-shade{position:absolute;inset:0;z-index:30;display:block;background:var(--c-ink);opacity:0;pointer-events:none;will-change:opacity}
.nxv-ft{position:relative;z-index:1}
.nxv-tj-intro .nxv-head{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:56rem;margin:0 auto clamp(1.5rem,.5rem + 2.5vh,2.75rem)}
.nxv-tj-intro .nxv-head>*{grid-column:auto!important;grid-row:auto!important}
.nxv-tj-intro .nxv-head>.nxv-h2{margin-top:var(--sp-4)}
.nxv-tj-intro .nxv-head>.nxv-lead{margin-top:var(--sp-4);max-width:40rem}
.nxv-tj-intro .nxv-head>.nxv-actions{margin-top:var(--sp-5);justify-content:center}
@media (min-width:992px) and (min-height:640px){
.nxv-tj-intro{padding-top:clamp(5.25rem,3.5rem + 4vh,6.5rem);padding-bottom:clamp(4rem,2.5rem + 4vh,5.5rem)}
.nxv-tj-intro>.nxv-wrap{justify-content:center}
.nxv-svc-grid{flex:none;grid-template-rows:clamp(7rem,20vh,12.5rem) auto}
.nxv-tj-intro .nxv-head>.nxv-h2{font-size:clamp(2rem,1rem + 2.4vh + 1vw,3.5rem)}}
@media (min-width:992px) and (max-height:820px){
.nxv-tj-intro .nxv-head>.nxv-lead{font-size:1rem;max-width:46rem}
.nxv-tj-intro .nxv-head>.nxv-actions{margin-top:var(--sp-4)}
.nxv-svc .nxv-body{display:none}}
@media (min-width:992px) and (min-height:640px){
.nxv-tj-intro{padding-top:clamp(6.5rem,4.5rem + 4vh,8rem);padding-bottom:clamp(5.5rem,4rem + 3vh,7rem)}
.nxv-tj-intro>.nxv-wrap{justify-content:flex-start}
.nxv-svc-grid{flex:1;grid-template-rows:minmax(6rem,1fr) auto}
.nxv-tj-intro .nxv-head>.nxv-lead{max-width:48rem}}
@media (min-width:992px) and (max-height:940px){.nxv-svc .nxv-body{display:none}}
@media (min-width:992px) and (max-height:780px){.nxv-svc .nxv-chips{display:none}.nxv-tj-intro{padding-top:6rem;padding-bottom:5rem}.nxv-svc-grid{grid-template-rows:minmax(8rem,1fr) auto}}
/* ===== 12. Hero-bakgrund: ritningen (rutnät + stort märke) + pixelzon ===== */
.nxv-hero{position:relative;overflow:hidden;isolation:isolate}
.nxv-hero>.nxv-wrap{position:relative;z-index:1}
.nxv-hbg{position:absolute;inset:0;z-index:0;pointer-events:none}
.nxv-hbg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(8,8,8,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(8,8,8,.055) 1px,transparent 1px);background-size:7.5rem 7.5rem;background-position:calc(50% - 3.75rem) 0;-webkit-mask:radial-gradient(ellipse 75% 70% at 60% 45%,#000 30%,transparent 85%);mask:radial-gradient(ellipse 75% 70% at 60% 45%,#000 30%,transparent 85%);opacity:0;animation:nxvfade 1.6s .2s var(--e-settle) forwards}
.nxv-hbg-mk{position:absolute;right:-5vw;top:50%;width:min(58vw,62rem);aspect-ratio:429/296;transform:translate3d(var(--mx,0),calc(-36% + var(--my,0px)),0);transition:transform 1.2s var(--e-settle)}
.nxv-hbg-mk svg,.nxv-hbg-mk canvas{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.nxv-hbg-mk .o{fill:none;stroke:rgba(8,8,8,.2);stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;animation:nxvdraw 2.4s .35s var(--e-travel) forwards}
.nxv-hbg-mk .o+.o{animation-delay:.6s}
.nxv-hbg-mk .g{stroke:rgba(8,8,8,.22);stroke-width:1;vector-effect:non-scaling-stroke;fill:none;opacity:0;animation:nxvfade 1s 2s forwards}
.nxv-hbg-mk .hd{fill:var(--c-ink);opacity:0;animation:nxvfade .6s 2.2s forwards}
.nxv-hbg-mk .led{fill:var(--c-signal);opacity:0;animation:nxvfade .6s 2.5s forwards}
.nxv-hbg-mk text{font:500 7px/1 ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.14em;fill:rgba(8,8,8,.5);opacity:0;animation:nxvfade 1s 2.2s forwards}
@keyframes nxvdraw{to{stroke-dashoffset:0}}
@keyframes nxvfade{to{opacity:1}}
@media (max-width:991px){.nxv-hbg-mk{right:-30vw;width:110vw;top:auto;bottom:-6%;transform:none;opacity:.7}.nxv-hbg-mk text,.nxv-hbg-mk .g{display:none}.nxv-hbg-grid{background-size:5rem 5rem}}
@media (prefers-reduced-motion:reduce){.nxv-hbg-grid,.nxv-hbg-mk .o,.nxv-hbg-mk .g,.nxv-hbg-mk .hd,.nxv-hbg-mk .led,.nxv-hbg-mk text{animation:none!important;opacity:1;stroke-dashoffset:0}.nxv-hbg-mk{transition:none}}
.nxv-hbg-mk{right:clamp(1.5rem,3.5vw,4rem);top:auto;bottom:clamp(7.5rem,16vh,11rem);width:clamp(18rem,30vw,32rem);transform:translate3d(var(--mx,0),var(--my,0),0)}
.nxv-hbg-grid{-webkit-mask:radial-gradient(ellipse 70% 75% at 72% 60%,#000 25%,transparent 80%);mask:radial-gradient(ellipse 70% 75% at 72% 60%,#000 25%,transparent 80%)}
@media (max-width:991px){.nxv-hbg-mk{right:-12vw;bottom:1.5rem;width:72vw;opacity:.55}}
@media (max-width:991px) and (min-width:600px){.nxv-hbg-mk{width:46vw;right:-6vw}}
@media (min-width:992px){.nxv-hbg-mk{right:clamp(1.5rem,2.5vw,3.5rem);bottom:clamp(11rem,24vh,16rem);width:clamp(17rem,27vw,30rem)}}
@media (max-width:599px){.nxv-hbg-mk{display:none}}
/* ===== 13. Så går det till – linje som ritas med scroll ===== */
.nxv-steps.is-tl{position:relative}
.nxv-steps.is-tl .nxv-step{border-top:0;position:relative}
.nxv-steps.is-tl .nxv-step::after{display:none}
.nxv-tl{position:absolute;left:0;right:0;top:0;height:1px;background:var(--line-l);pointer-events:none}
.nxv-tl i{position:absolute;inset:0;background:var(--c-ink);transform:scaleX(var(--p,0));transform-origin:0 50%}
.nxv-step-dot{position:absolute;left:0;top:-3px;width:7px;height:7px;background:var(--c-stone);box-shadow:inset 0 0 0 1px var(--c-steel);transition:background-color .4s var(--e-settle),box-shadow .4s var(--e-settle),transform .5s var(--e-settle)}
.nxv-steps.is-tl .nxv-step>*:not(.nxv-step-dot){transition:opacity .6s var(--e-settle)}
.nxv-steps.is-tl .nxv-step:not(.is-on)>.nxv-body{opacity:.45}
.nxv-steps.is-tl .nxv-step::before{transition:color .4s}
.nxv-steps.is-tl .nxv-step.is-on::before{color:var(--c-ink)}
.nxv-step.is-on .nxv-step-dot{background:var(--c-signal);box-shadow:inset 0 0 0 1px var(--c-ink);transform:scale(1.15)}
@media (max-width:991px){
.nxv-steps.is-tl{grid-template-columns:1fr;row-gap:var(--sp-7);padding-left:1.75rem}
.nxv-steps.is-tl .nxv-tl{left:3px;right:auto;top:0;bottom:0;width:1px;height:auto}
.nxv-steps.is-tl .nxv-tl i{transform:scaleY(var(--p,0));transform-origin:50% 0}
.nxv-steps.is-tl .nxv-step{padding-top:0}
.nxv-steps.is-tl .nxv-step-dot{left:calc(-1.75rem);top:.3rem}}
@media (prefers-reduced-motion:reduce){.nxv-tl i{transform:none!important}.nxv-steps.is-tl .nxv-step>.nxv-body{opacity:1!important}}
/* ===== 14. Tjänster · scen + lista (v4) och ljusregeln för mörka sektioner ===== */
/* Ljus: endast i mörka sektioner – mjukt radiellt ljus + tonad rubrik. Inget glas, ingen färggradient. */
.nxv-tj-intro{background:radial-gradient(70% 55% at 50% -10%,rgba(236,237,240,.07),transparent 70%),var(--c-ink)}
.nxv-dark .nxv-h2 .nxv-ln>span,.nxv-dark .nxv-h2:not(:has(.nxv-ln)){background:linear-gradient(180deg,#fff 0%,#ECEDF0 45%,#9a9ba0 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
/* Tjänster · tre boxar (v4.1): en aktiv i taget, ljus, kontursiffra */
.nxv-tj-intro.is-trio-on .nxv-head>.nxv-lead,.nxv-tj-intro.is-trio-on .nxv-head>.nxv-actions{display:none}
.nxv-tj-intro.is-trio-on .nxv-head{margin-bottom:clamp(1.75rem,1rem + 2.5vh,3rem)}
.is-trio{gap:clamp(.75rem,.5rem + .6vw,1.125rem)!important}
.is-trio .nxv-svc{position:relative;display:flex!important;flex-direction:column;overflow:hidden;border:0!important;background:linear-gradient(180deg,#141416 0%,#0b0b0c 62%)!important;box-shadow:inset 0 0 0 1px rgba(236,237,240,.08);cursor:default;outline:0;isolation:isolate;transition:box-shadow .5s var(--e-settle)}
.is-trio .nxv-svc::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(38rem circle at var(--gx,50%) var(--gy,0%),rgba(236,237,240,.075),transparent 55%);opacity:.5;transition:opacity .6s}
.is-trio .nxv-svc.is-act::after,.is-trio .nxv-svc:hover::after{opacity:1}
.is-trio .nxv-svc::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;z-index:3;background:linear-gradient(90deg,transparent,rgba(236,237,240,.35),transparent)}
.is-trio .nxv-trio-p{position:absolute;left:0;right:0;top:0;height:1px;z-index:4;background:var(--c-paper);transform:scaleX(0);transform-origin:0 50%}
.is-trio .nxv-svc.is-act .nxv-trio-p{animation:nxvsxp var(--sx-t,7s) linear forwards}
.is-trio.is-hold .nxv-svc.is-act .nxv-trio-p{animation-play-state:paused}
.is-trio.is-manual .nxv-trio-p{animation:none!important;transform:scaleX(0)!important}
@keyframes nxvsxp{to{transform:none}}
.is-trio .nxv-svc-stage{flex:1;min-height:7.5rem;border:0!important;background:transparent!important;transition:opacity .7s var(--e-settle),filter .7s var(--e-settle)}
.is-trio .nxv-svc-stage.mo .mo-wm{display:none}
.is-trio .nxv-svc:not(.is-act) .nxv-svc-stage{opacity:.4;filter:grayscale(1)}
.mo.is-rs *{animation:none!important}
.is-trio .nxv-svc-body{position:relative;z-index:1;padding:clamp(1.25rem,.9rem + .8vw,1.75rem)!important;padding-top:.5rem!important;height:auto!important}
.is-trio .nxv-svc .nxv-chips{display:none!important}
.is-trio .nxv-svc .nxv-body{display:block!important;color:var(--c-ash);max-width:24rem}
.is-trio .nxv-svc .nxv-h3{transition:opacity .5s}
.is-trio .nxv-svc:not(.is-act) .nxv-h3{opacity:.62}.is-trio .nxv-svc:not(.is-act) .nxv-body{opacity:.75}
.is-trio .nxv-svc .nxv-h3 .nxv-ln>span,.is-trio .nxv-svc .nxv-h3:not(:has(.nxv-ln)){background:linear-gradient(180deg,#fff,#ECEDF0 50%,#9a9ba0);-webkit-background-clip:text;background-clip:text;color:transparent}
.is-trio .nxv-svc .nxv-tj-num::before{transition:background-color .4s}
.is-trio .nxv-svc:not(.is-act) .nxv-tj-num::before{background:#55575E}
.nxv-trio-n{position:absolute;right:-.02em;bottom:-.06em;z-index:0;font-size:clamp(10rem,5rem + 9vw,19rem);line-height:.8;font-weight:600;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1px rgba(236,237,240,.07);pointer-events:none;transition:-webkit-text-stroke-color .6s,transform 1s var(--e-settle)}
.is-trio .nxv-svc.is-act .nxv-trio-n{-webkit-text-stroke-color:rgba(236,237,240,.2);transform:translateY(-.06em)}
.nxv-trio-all{display:flex;justify-content:center;margin-top:clamp(1rem,.5rem + 1.5vh,1.75rem)}
@media (max-width:991px){.is-trio .nxv-svc:not(.is-act) .nxv-svc-stage{opacity:1;filter:none}.is-trio .nxv-svc:not(.is-act) .nxv-h3,.is-trio .nxv-svc:not(.is-act) .nxv-body{opacity:1}.is-trio .nxv-svc:not(.is-act) .mo.is-play *{animation-play-state:running!important}.is-trio .nxv-svc-stage{aspect-ratio:16/10;flex:none}.is-trio .nxv-trio-p{display:none}}
@media (prefers-reduced-motion:reduce){.is-trio .nxv-trio-p{display:none}}
/* Tonad text: bakgrunden måste täcka underhäng (g, j, p) och å/ä – annars försvinner de */
.nxv-dark .nxv-h2 .nxv-ln>span,.is-trio .nxv-svc .nxv-h3 .nxv-ln>span{padding:.08em 0 .26em;margin:-.08em 0 -.26em}
.nxv-dark .nxv-h2:not(:has(.nxv-ln)),.is-trio .nxv-svc .nxv-h3:not(:has(.nxv-ln)){padding-bottom:.26em;margin-bottom:-.26em}
/* ===== 15. Så jobbar vi · målgruppsflikar (byrå / företag) ===== */
.nxv-sj-tabs{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}
.nxv-sj-tab{position:relative;display:flex;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1rem 0 1.125rem;border:0;border-top:1px solid var(--line-l);background:none;color:var(--c-steel);font:600 1rem/1.2 Manrope,system-ui,sans-serif;text-align:left;cursor:pointer;transition:color .3s}
.nxv-sj-tab:hover{color:var(--c-ink)}
.nxv-sj-tab b{font:500 .6875rem/1 ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.12em;margin-right:.75rem;color:var(--c-ash);transition:color .3s}
.nxv-sj-tab small{font-size:.75rem;font-weight:500;color:var(--c-ash);white-space:nowrap}
.nxv-sj-tab::before{content:"";position:absolute;left:0;top:-1px;height:2px;width:100%;background:var(--c-ink);transform:scaleX(0);transform-origin:0 50%;transition:transform .6s var(--e-settle)}
.nxv-sj-tab[aria-selected=true]{color:var(--c-ink)}.nxv-sj-tab[aria-selected=true] b{color:var(--c-ink)}
.nxv-sj-tab[aria-selected=true]::before{transform:none}
.nxv-sj-tab:focus-visible{outline:1px solid var(--c-ink);outline-offset:4px}
.nxv-sj-stack{display:grid}
.nxv-sj-pane{grid-area:1/1;display:grid;grid-template-columns:1fr 1fr;gap:1rem;opacity:0;visibility:hidden;transition:opacity .55s var(--e-settle),visibility 0s .55s}
.nxv-sj-pane.is-on{opacity:1;visibility:visible;transition:opacity .55s var(--e-settle),visibility 0s}
.nxv-sj-pane .nxv-panel{position:relative;overflow:hidden;background:var(--c-ink)!important;color:var(--c-paper)!important;border-color:var(--c-ink)!important;transform:none!important;opacity:1!important}
.nxv-sj-pane .nxv-panel::before{display:none}
.nxv-sj-pane .nxv-panel::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 50% at 0% 0%,rgba(236,237,240,.07),transparent 70%)}
.nxv-sj-pane .nxv-panel>*{position:relative;z-index:1}
.nxv-sj-pane .nxv-panel .nxv-eb{color:var(--c-ash)}
.nxv-sj-pane .nxv-panel .nxv-h3 .nxv-ln>span,.nxv-sj-pane .nxv-panel .nxv-h3:not(:has(.nxv-ln)){background:linear-gradient(180deg,#fff,#ECEDF0 50%,#9a9ba0);-webkit-background-clip:text;background-clip:text;color:transparent;padding:.08em 0 .26em;margin:-.08em 0 -.26em}
.nxv-sj-pane .nxv-panel .nxv-body{color:var(--c-ash);font-size:1.0625rem}
.nxv-sj-pane .nxv-list li{border-color:var(--line-d)}
.nxv-sj-pane .nxv-list li::before{background:var(--c-paper)}
.nxv-sj-cta{margin-top:auto;padding-top:var(--sp-7);display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem}
.nxv-sj-pane .nxv-sj-cta .nxv-link{margin-top:0!important;padding-top:0!important;color:var(--c-paper)}
.nxv-sj-fig{position:relative;margin:0;overflow:hidden;background:#cfd0d4;min-height:100%}
.nxv-sj-fig img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.03);transition:transform 1.4s var(--e-settle)}
.nxv-sj-pane.is-on .nxv-sj-fig img{transform:none}
.nxv-sj-fig figcaption{position:absolute;left:1rem;bottom:1rem;padding:.75rem 1rem;background:var(--c-paper);color:var(--c-ink);font-weight:600;font-size:.9375rem;line-height:1.3}
.nxv-sj-fig figcaption small{display:block;margin-bottom:.35rem;font:500 .625rem/1 ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.12em;color:var(--c-steel);text-transform:uppercase}
@media (max-width:767px){.nxv-sj-tabs{gap:.5rem}.nxv-sj-tab{font-size:.875rem}.nxv-sj-tab small{display:none}.nxv-sj-pane{grid-template-columns:1fr}.nxv-sj-fig{order:-1;aspect-ratio:4/3;min-height:0}}
@media (prefers-reduced-motion:reduce){.nxv-sj-pane,.nxv-sj-fig img{transition:none}}
/* nexubot: ingen gammal gradient-orb vid laddning – bara märket med ögon (slutgiltigt) */
html body #nexubot .nxb-orb{background:none!important;box-shadow:none!important}
html body #nexubot .nxb-orb>canvas,html body #nexubot .nxb-orb>svg:not(.nxm){display:none!important}
html body #nexubot .nxb-launch:not(:has(.nxm)){opacity:0!important;pointer-events:none}
html body #nexubot .nxb-launch{transition:opacity .4s var(--e-settle),transform .5s var(--e-settle)!important}
/* 13b. Så går det till – fäst sektion (desktop) */
.nxv-pin.is-pin{height:calc(100vh + 140vh);margin-top:var(--sp-7)}
.nxv-pin.is-pin .nxv-pin-in{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:center}
.nxv-pin.is-pin .nxv-steps-title{margin:0 0 clamp(2.5rem,1.5rem + 4vh,4.5rem);font-size:var(--fs-h2);line-height:1.1;letter-spacing:-.035em}
.nxv-pin.is-pin .nxv-steps{margin-top:0}
.nxv-pin.is-pin .nxv-step .nxv-h4{font-size:clamp(1.375rem,1rem + 1vw,1.875rem);letter-spacing:-.025em;margin-top:.25rem}
.nxv-pin.is-pin .nxv-step .nxv-body{font-size:1.0625rem;max-width:20rem}
.nxv-steps.is-tl .nxv-step .nxv-h4,.nxv-steps.is-tl .nxv-step .nxv-body{opacity:calc(.2 + var(--k,0) * .8)!important;transition:none}
.nxv-steps.is-tl .nxv-step::before{opacity:calc(.35 + var(--k,0) * .65)}
.nxv-pin-cnt{display:none}
.nxv-pin.is-pin .nxv-pin-cnt{display:block;margin-top:clamp(2.5rem,1.5rem + 4vh,4rem);text-align:center;font:500 .75rem/1 ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.14em;color:var(--c-ash)}
.nxv-pin-cnt b{color:var(--c-ink);font-weight:600}
.nxv-pin-cta{display:flex;justify-content:center;margin-top:clamp(1.5rem,1rem + 2vh,2.25rem);opacity:0;transform:translateY(.75rem);visibility:hidden;transition:opacity .6s var(--e-settle),transform .7s var(--e-settle),visibility 0s .6s}
.nxv-pin.is-done .nxv-pin-cta{opacity:1;transform:none;visibility:visible;transition:opacity .6s var(--e-settle),transform .7s var(--e-settle),visibility 0s}
.nxv-pin:not(.is-pin) .nxv-pin-cta{justify-content:flex-start;margin-top:var(--sp-7)}
/* AI-märkning av AI-genererade bilder (krav: alltid uppe till höger) */
.nxv-ai-tag{position:absolute;right:.625rem;top:.625rem;z-index:2;display:block;pointer-events:auto;cursor:default}
.nxv-ai-tag b{display:grid;place-items:center;width:1.125rem;height:1.125rem;background:rgba(8,8,8,.72);color:var(--c-paper);font:600 .5rem/1 ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.04em}
.nxv-info .nxv-info-book{display:inline-flex;align-items:center;gap:.625rem;color:inherit;text-decoration:none;border-bottom:1px solid rgba(236,237,240,.3);padding-bottom:2px;transition:border-color .3s}
.nxv-info .nxv-info-book:hover{border-color:currentColor}
.nxv-info .nxv-info-book::after{content:"→";transition:transform .35s var(--e-settle)}
.nxv-info .nxv-info-book:hover::after{transform:translateX(3px)}
/* Fog: ända ned till skärmkanten även bakom iOS/Safari-verktygsfältet (svh/lvh-skillnaden) */
@supports (height:100lvh){.nxv-fog{bottom:calc(100svh - 100lvh);height:calc(7.5rem + 100lvh - 100svh)}
@media (max-width:767px){.nxv-fog{height:calc(5.5rem + 100lvh - 100svh)}}}
/* Hero mobil: verktygsraderna ligger ovanför dimman */
@media (max-width:767px){.nxv-hero{padding-bottom:calc(6.5rem + env(safe-area-inset-bottom,0px))}}
/* ===== 17. Hero: skala efter både bredd OCH höjd (laptops med dock/meny) ===== */
@media (min-width:992px){
.nxv-hero{padding:calc(4.5rem + clamp(1rem,4vh,3.5rem)) 0 calc(7.5rem + 1vh)}
.nxv-hero .nxv-h1{max-width:none;white-space:nowrap;font-size:clamp(3rem,min(1.6rem + 4.4vw,.25rem + 9.5vh),5.75rem);margin-top:clamp(.75rem,2.2vh,1.5rem)}
.nxv-hero .nxv-lead{margin-top:clamp(1rem,2.8vh,2rem);max-width:40rem;font-size:clamp(1.0625rem,.8rem + .9vh,1.25rem)}
.nxv-hero .nxv-actions{margin-top:clamp(1.5rem,3.6vh,3rem)}
.nxv-hero .nxv-tools{margin-top:clamp(2rem,6.5vh,6rem)}}

@media (min-width:992px){.nxv-hbg-mk{top:clamp(8rem,30vh,17rem);bottom:auto;width:clamp(14rem,min(24vw,34vh),28rem)}}
@media (min-width:992px) and (max-width:1199px){.nxv-hbg-mk{display:none}}
/* Hero-rubriken: alltid en rad på alla skärmar (≈9,6em bred) */
.nxv-hero .nxv-h1{max-width:none!important;white-space:nowrap;font-size:clamp(1.5rem,min(1.6rem + 4.4vw,.25rem + 9.5vh,(100vw - 2 * var(--edge)) / 9.8),5.75rem)!important}
.nxv-lead .nxv-sent{display:block}
/* Korta laptopskärmar: verktygsraderna syns alltid ovanför dimman */
@media (min-width:992px) and (max-height:780px){
.nxv-hero{padding-top:calc(4.5rem + 2vh);padding-bottom:calc(5rem + 1vh)}
.nxv-hero .nxv-h1{margin-top:.75rem}
.nxv-hero .nxv-lead{margin-top:1rem}
.nxv-hero .nxv-actions{margin-top:1.5rem}
.nxv-hero .nxv-tools{margin-top:clamp(1.5rem,4vh,2.5rem);gap:.625rem}
.nxv-fog{height:calc(5rem + 100lvh - 100svh)}}
@media (min-width:992px) and (max-height:620px){.nxv-hero .nxv-tools-row:nth-child(2){display:none}}

/* 19. Webbplatsanalys (A · rapporten som bevis) – mörk sektion, ljusregeln, exempelrapport som blir "redo" */
#webbplatsanalys.nxv-wa{position:relative;overflow:hidden;border-top:1px solid var(--line-d)}
#webbplatsanalys.nxv-wa::before{content:"";position:absolute;left:-15%;top:-25%;width:70%;height:90%;background:radial-gradient(closest-side,rgba(203,253,60,.09),rgba(203,253,60,0));pointer-events:none}
.nxv-wa .nxv-wrap{position:relative}
.nxv-wa .nxv-scan-in{background:#111214;box-shadow:inset 0 0 0 1px var(--line-d)}
.nxv-wa .nxv-scan-in:focus-within{box-shadow:inset 0 0 0 1.5px var(--c-paper)}
.nxv-wa .nxv-scan-in.is-err{box-shadow:inset 0 0 0 1.5px var(--wa-r)}
.nxv-wa .nxv-scan-in input{color:var(--c-paper)}
.nxv-wa .nxv-scan-in input::placeholder{color:rgba(138,139,144,.6)}
.nxv-wa .nxv-scan-in .nxv-btn:focus-visible{outline-color:var(--c-ink)}
.nxv-wa .nxv-scan-err{color:#ff8a8f}
.nxv-wa .nxv-scan-note{color:var(--c-ash)}
.nxv-wa{--wa-g:#3BD07A;--wa-y:#F5B83D;--wa-r:#F2545B}
.nxv-wa-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:var(--sp-6);padding-top:1.25rem;border-top:1px solid var(--line-d);list-style:none;padding-left:0}
.nxv-wa-trust li{font-size:.8125rem;line-height:1.5;color:var(--c-ash)}
.nxv-wa-trust strong{display:block;margin-bottom:.25rem;font-size:.875rem;font-weight:600;color:var(--c-paper)}
.nxv-wa .nxv-scan-card{padding:0;background:#111214;box-shadow:inset 0 0 0 1px var(--line-d)}
.nxv-wa .nxv-scan-bar{padding:1.125rem 1.375rem;margin:0}
.nxv-wa-cats{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line-d);list-style:none;padding:0;margin:0}
.nxv-wa-cats .nxv-scan-row{display:block;padding:1.125rem 1.375rem 1.25rem;border-right:1px solid var(--line-d);font-size:.75rem}
.nxv-wa-cats .nxv-scan-row:last-child{border-right:0}
.nxv-wa-cats .nxv-scan-row span{display:block;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--c-ash)}
.nxv-wa-cats .nxv-scan-row b{display:block;text-align:left;margin-top:.375rem;font-size:clamp(1.75rem,1.25rem + 1vw,2.25rem);line-height:1.1;letter-spacing:-.03em;color:var(--c-paper)}
.nxv-wa-cats .nxv-scan-m{height:3px;margin-top:.75rem;-webkit-mask:none;mask:none;background:linear-gradient(var(--wa-c),var(--wa-c)) 0 0/calc(var(--v) * 1%) 100% no-repeat,rgba(236,237,240,.1)}
.nxv-wa-cats .is-g{--wa-c:var(--wa-g)}.nxv-wa-cats .is-y{--wa-c:var(--wa-y)}.nxv-wa-cats .is-r{--wa-c:var(--wa-r)}
.nxv-wa-fx{list-style:none;padding:0;margin:0}
.nxv-wa-fx li{display:grid;grid-template-columns:1.125rem 1fr auto;gap:.875rem;align-items:start;padding:.9375rem 1.375rem;border-bottom:1px solid rgba(236,237,240,.08);font-size:.9375rem;line-height:1.4;color:var(--c-paper)}
.nxv-wa-fx li:last-child{-webkit-mask:linear-gradient(#000 20%,transparent);mask:linear-gradient(#000 20%,transparent)}
.nxv-wa-fx s{display:grid;place-items:center;width:1.125rem;height:1.125rem;margin-top:.0625rem;text-decoration:none;font:700 .6875rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--c-ink);transition:background-color .3s,color .3s}
.nxv-wa-fx .is-g s{background:var(--wa-g)}.nxv-wa-fx .is-y s{background:var(--wa-y)}.nxv-wa-fx .is-r s{background:var(--wa-r)}
.nxv-wa-fx small{display:block;margin-top:.1875rem;font-size:.8125rem;color:var(--c-ash)}
.nxv-wa-fx code{font:500 .625rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;color:var(--c-ash);border:1px solid rgba(236,237,240,.18);padding:.3125rem .375rem}
.nxv-wa-q{display:none}
.nxv-wa .nxv-scan-foot{margin:0;padding:1rem 1.375rem;border-top:0}
.nxv-wa .nxv-scan-foot .nxv-wa-pdf{color:var(--c-ash);font-weight:500}
/* Redo-läge: besökaren skriver sin adress – inga påhittade resultat visas för deras domän */
.nxv-scan-card.is-ready .nxv-wa-a{display:none}.nxv-scan-card.is-ready .nxv-wa-q{display:block}
.nxv-scan-card.is-ready .nxv-wa-fx s{background:transparent!important;box-shadow:inset 0 0 0 1px rgba(236,237,240,.3);color:transparent}
.nxv-scan-card.is-ready .nxv-wa-cats b{color:transparent;position:relative}
.nxv-scan-card.is-ready .nxv-wa-cats b::after{content:"–";position:absolute;left:0;top:0;color:var(--c-ash)}
.nxv-scan-card.is-ready .nxv-scan-m{--v:0!important}
.nxv-scan-card.is-ready .nxv-scan-tag{color:var(--c-signal)}
@media (max-width:991px){.nxv-wa-trust{grid-template-columns:1fr;gap:1rem}}
@media (max-width:479px){.nxv-wa-cats .nxv-scan-row{padding:1rem}.nxv-wa-fx li{padding:.875rem 1rem}.nxv-wa .nxv-scan-bar,.nxv-wa .nxv-scan-foot{padding-left:1rem;padding-right:1rem}.nxv-wa .nxv-scan-foot{flex-direction:column;gap:.25rem}}
.nxv-wa .nxv-scan-card::after{display:none}
.nxv-scan-card.is-ready .nxv-scan-m{transition:none}
@media (max-width:479px){.nxv-wa-cats .nxv-scan-row span{font-size:.625rem;letter-spacing:.06em}}

/* 20. Gratis analys i menyn + webbplatsanalys-sidan */
.nxv-nav a:is([href="/webbplatsanalys"],[href="#webbplatsanalys"]){padding-left:.875rem}
.nxv-nav a:is([href="/webbplatsanalys"],[href="#webbplatsanalys"])::before{content:"";position:absolute;left:0;top:50%;width:.375rem;height:.375rem;margin-top:-.1875rem;background:var(--c-signal)}
.nxv-nav a[aria-current=page]::after{transform:scaleX(1)}
.wa-ts-lab{display:none}
.wa-ts-on .wa-ts-lab{display:block;margin-top:var(--sp-5);font-size:.875rem;line-height:1.5;color:var(--c-steel)}
.wa-ts-lab b{display:block;font-weight:600;color:var(--c-ink)}
.wa-ts-on .wa-ts{margin-top:.75rem}
.wa-ts-on .wa-step-slow{display:none}
@media (min-width:992px) and (max-width:1199px){.nxv-nav{gap:1.25rem}.nxv-nav a{font-size:.875rem}}
@media (min-width:992px) and (max-width:1439px){.nxv-nav{gap:1.5rem}.nxv-hd .nxv-soc{display:none}}
@media (min-width:992px) and (max-width:1199px){.nxv-nav{gap:1.25rem}}

/* 21. Webbplatsanalys-sidan: dela-knapp, white label-sektion, offertlist ovanför dimman */
#wa-sticky{z-index:60;bottom:calc(1.25rem + env(safe-area-inset-bottom,0px))}
.wa-note-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.5rem;margin-top:.75rem}
.wa-note-row .nxv-scan-note{margin:0}
.wa-share{position:relative}
.wa-share-btn:not(.nxv-btn){display:inline-flex;align-items:center;gap:.5rem;padding:0 0 .1875rem;border:0;background:none;font:600 .875rem/1.4 Manrope,system-ui,sans-serif;color:var(--c-ink);cursor:pointer;box-shadow:inset 0 -1px 0 rgba(8,8,8,.3);transition:box-shadow var(--t-fast)}
.wa-share-btn:not(.nxv-btn):hover{box-shadow:inset 0 -1px 0 var(--c-ink)}
.wa-share-btn svg{width:.875rem;height:.875rem;fill:none;stroke:currentColor;stroke-width:1.5}
.wa-share-pop{position:absolute;left:0;top:calc(100% + .75rem);z-index:70;width:17rem;padding:.375rem;background:var(--c-ink);color:var(--c-paper);box-shadow:0 30px 60px -30px rgba(8,8,8,.6)}
.wa-share-pop[hidden]{display:none}
.wa-share-pop p{padding:.75rem .75rem .625rem;font:600 .6875rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--c-ash)}
.wa-share-pop a,.wa-share-pop button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.75rem;border:0;border-top:1px solid rgba(236,237,240,.1);background:none;font:500 .875rem/1.3 Manrope,system-ui,sans-serif;color:var(--c-paper);text-align:left;cursor:pointer}
.wa-share-pop a:hover,.wa-share-pop button:hover{background:rgba(236,237,240,.06)}
.wa-share-pop span{font-size:.75rem;color:var(--c-ash)}
.wa-share-end{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;margin-top:var(--sp-7);padding:1.375rem 1.5rem;background:var(--c-ink);color:var(--c-paper)}
.wa-share-end strong{display:block;font-size:1rem;font-weight:600}
.wa-share-end small{display:block;margin-top:.25rem;font-size:.8125rem;color:var(--c-ash)}
.wa-share-end .wa-share-pop{left:auto;right:0;top:auto;bottom:calc(100% + .75rem)}
@media (max-width:599px){.wa-share-end{flex-direction:column;align-items:flex-start}}
.wa-wl{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.5rem,1rem + 4vw,4.5rem);align-items:center;padding:clamp(2.25rem,1.25rem + 3vw,4.5rem);background:var(--c-ink)}
.wa-wl::before{content:"";position:absolute;left:-12%;top:-30%;width:60%;height:100%;background:radial-gradient(closest-side,rgba(255,255,255,.07),rgba(255,255,255,0));pointer-events:none}
.wa-wl>*{position:relative}
.wa-wl .nxv-h2{margin-top:var(--sp-5)}
.wa-wl .nxv-lead{margin-top:var(--sp-5)}
.wa-wl-list{list-style:none;padding:0;margin:var(--sp-7) 0 0;border-top:1px solid var(--line-d)}
.wa-wl-list li{display:grid;grid-template-columns:2.75rem 1fr;padding:1rem 0;border-bottom:1px solid var(--line-d);font-size:.875rem;line-height:1.5;color:var(--c-ash)}
.wa-wl-list b{font:600 .6875rem/1.9 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;color:var(--c-ash)}
.wa-wl-list strong{display:block;font-size:.9375rem;font-weight:600;color:var(--c-paper)}
.wa-wl .nxv-actions{margin-top:var(--sp-7)}
.wa-wl-demo{margin:0}
.wa-wl-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.875rem;font:600 .6875rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--c-ash)}
.wa-wl-sw{display:flex;gap:.5rem}
.wa-wl-sw button{width:1.75rem;height:1.75rem;padding:0;border:0;background:var(--c);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);cursor:pointer;transition:outline-offset var(--t-fast)}
.wa-wl-sw button[aria-pressed=true]{outline:2px solid var(--c-paper);outline-offset:2px}
.wa-wl-card{--b:#1F4FFF;background:#fff;color:#111;box-shadow:0 30px 60px -30px rgba(0,0,0,.6);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.wa-wl-card *{transition:background-color .35s var(--e-settle),color .35s var(--e-settle)}
.wa-wl-bar{display:flex;align-items:center;gap:.625rem;padding:.875rem 1.125rem;border-bottom:1px solid #e5e5e8}
.wa-wl-bar i{display:grid;place-items:center;width:1.5rem;height:1.5rem;background:var(--b);color:#fff;font:700 .75rem/1 system-ui,sans-serif;font-style:normal}
.wa-wl-bar strong{font-size:.875rem}
.wa-wl-bar em{margin-left:auto;font-style:normal;font-size:.75rem;color:#777}
.wa-wl-in{display:block;padding:1.375rem 1.125rem}
.wa-wl-h{display:block;font-size:1.25rem;font-weight:600;letter-spacing:-.02em}
.wa-wl-s{display:block;margin-top:.25rem;font-size:.8125rem;color:#666}
.wa-wl-f{display:flex;margin-top:1rem;border:1px solid #d9d9de}
.wa-wl-f span{flex:1;padding:.75rem;font-size:.875rem;color:#999}
.wa-wl-f b{padding:.75rem 1rem;background:var(--b);color:#fff;font-size:.875rem;font-weight:600}
.wa-wl-sc{display:grid;grid-template-columns:repeat(3,1fr);gap:.625rem;margin-top:1.125rem}
.wa-wl-sc>span{display:block;padding:.625rem;border:1px solid #ececf0}
.wa-wl-sc small{display:block;font-size:.625rem;letter-spacing:.1em;text-transform:uppercase;color:#888}
.wa-wl-sc b{display:block;margin-top:.125rem;font-size:1.375rem;font-weight:600}
.wa-wl-sc i{display:block;height:3px;margin-top:.375rem;background:#eee}
.wa-wl-sc u{display:block;height:3px;background:var(--b)}
.wa-wl-foot{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.875rem 1.125rem;background:#f6f6f8;font-size:.8125rem}
.wa-wl-foot b{padding:.5625rem .75rem;background:var(--b);color:#fff;font-weight:600;white-space:nowrap}
.wa-wl-demo figcaption{margin-top:.75rem;font-size:.75rem;color:var(--c-ash)}
@media (max-width:991px){.wa-wl{grid-template-columns:1fr}}
@media (max-width:479px){.wa-wl-foot{flex-direction:column;align-items:flex-start}.wa-wl-bar em{display:none}}
.wa-share-btn.wa-share-btn--solid{box-shadow:none;padding:0 1.375rem;height:3.25rem;gap:1rem}
.wa-wl .nxv-actions{justify-content:flex-start;align-items:center;gap:var(--sp-5)}
@media (max-width:767px){#wa-sticky{right:4.75rem;gap:.75rem;padding-left:1rem}#wa-sticky span{font-size:.8125rem}}

/* 22. White label-ritning (samma språk som hero-blueprint) – ersätter färgdemon */
.wa-bp{position:relative;margin:0;padding:clamp(1rem,2vw,2rem) 0}
.wa-bp::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(236,237,240,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(236,237,240,.05) 1px,transparent 1px);background-size:2.5rem 2.5rem;-webkit-mask:radial-gradient(ellipse 70% 70% at 40% 50%,#000 30%,transparent 78%);mask:radial-gradient(ellipse 70% 70% at 40% 50%,#000 30%,transparent 78%);pointer-events:none}
.wa-bp-svg{position:relative;display:block;width:100%;height:auto;overflow:visible}
.wa-bp-d *{fill:none;stroke:rgba(236,237,240,.55);stroke-width:1;vector-effect:non-scaling-stroke}
.wa-bp-d .wa-bp-k{stroke-dasharray:3 3}
.wa-bp-f rect{fill:rgba(236,237,240,.16)}
.wa-bp-f .is-hi{fill:rgba(236,237,240,.78)}
.wa-bp-f .is-c{fill:rgba(236,237,240,.1);stroke:rgba(236,237,240,.55);stroke-width:1;vector-effect:non-scaling-stroke}
.wa-bp-l line{stroke:rgba(236,237,240,.4);stroke-width:1;stroke-dasharray:2 4;vector-effect:non-scaling-stroke}
.wa-bp-t rect{fill:var(--c-signal)}
.wa-bp-t text{fill:var(--c-paper);font:600 12px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em}
.wa-bp figcaption{position:relative;margin-top:1rem;font-size:.8125rem;color:var(--c-ash)}
/* Ritas in när den syns */
.nxv-js .wa-bp:not(.is-in) .wa-bp-d *:not(.wa-bp-k){stroke-dasharray:1;stroke-dashoffset:1}
.nxv-js .wa-bp:not(.is-in) .wa-bp-f,.nxv-js .wa-bp:not(.is-in) .wa-bp-l,.nxv-js .wa-bp:not(.is-in) .wa-bp-t{opacity:0}
.wa-bp.is-in .wa-bp-d *{animation:wabpd 1.4s var(--e-settle) both}

.wa-bp.is-in .wa-bp-d :nth-child(n+4){animation-delay:.25s}
.wa-bp.is-in .wa-bp-f{animation:wabpo .7s .9s var(--e-settle) both}
.wa-bp.is-in .wa-bp-l{animation:wabpo .6s 1.3s var(--e-settle) both}
.wa-bp.is-in .wa-bp-t{animation:wabpo .6s 1.5s var(--e-settle) both}
@keyframes wabpd{from{stroke-dasharray:1;stroke-dashoffset:1}to{stroke-dasharray:1;stroke-dashoffset:0}}
@keyframes wabpo{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.wa-bp .wa-bp-d *,.wa-bp .wa-bp-f,.wa-bp .wa-bp-l,.wa-bp .wa-bp-t{animation:none!important;opacity:1!important;stroke-dashoffset:0!important}}
.nxv-js .wa-bp:not(.is-in) .wa-bp-k{opacity:0}.wa-bp.is-in .wa-bp-k{animation:wabpo .6s .9s both}
.wa-bp figcaption{text-align:left}
@media (max-width:599px){.wa-bp-t text{font-size:19px;letter-spacing:.06em}.wa-bp-t rect{width:12px;height:12px}}

/* 23. Footer v2 – modern, alla undersidor, sociala ikoner, gratis analys i grönt, stort ordmärke */
.nxv-ft[data-ft=v2]{position:relative;z-index:1;overflow:hidden;padding:clamp(4.5rem,3rem + 4vw,7.5rem) 0 0;border-top:1px solid var(--line-d)}
.nxv-ft[data-ft=v2]::before{content:"";position:absolute;left:-10%;top:-40%;width:60%;height:110%;background:radial-gradient(closest-side,rgba(255,255,255,.06),rgba(255,255,255,0));pointer-events:none}
.nxv-ft[data-ft=v2]>*{position:relative}
[data-ft=top]{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(4,minmax(0,1fr));gap:clamp(2rem,1rem + 3vw,4rem)}
[data-ft=brand] p{margin-top:var(--sp-5);max-width:21rem;font-size:var(--fs-small);line-height:1.6;color:var(--c-ash)}
[data-ft=wa]{display:flex;align-items:center;gap:1rem;max-width:21rem;margin-top:var(--sp-6);padding:1rem 1.125rem;box-shadow:inset 0 0 0 1px rgba(203,253,60,.35);transition:box-shadow var(--t-fast),background-color var(--t-fast)}
[data-ft=wa]::before{content:"";flex:none;width:.5rem;height:.5rem;background:var(--c-signal);animation:nxvled 1.6s ease-in-out infinite}
[data-ft=wa]::after{content:"→";margin-left:auto;color:var(--c-signal);transition:transform var(--t-fast)}
[data-ft=wa]:hover{background:rgba(203,253,60,.06);box-shadow:inset 0 0 0 1px var(--c-signal)}
[data-ft=wa]:hover::after{transform:translateX(3px)}
[data-ft=wa] b{display:block;font-size:.9375rem;font-weight:600;color:var(--c-signal)}
[data-ft=wa] small{display:block;margin-top:.125rem;font-size:.8125rem;line-height:1.4;color:var(--c-ash)}
[data-ft=col] h3{margin-bottom:var(--sp-4);font-size:var(--fs-label);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--c-ash)}
[data-ft=col] ul{list-style:none;margin:0;padding:0}
[data-ft=col] li a,[data-ft=col] li span{position:relative;display:inline-block;padding:.3125rem 0;font-size:.9375rem;color:var(--c-paper)}
[data-ft=col] li span{color:var(--c-ash)}
[data-ft=col] li a::after{content:"";position:absolute;left:0;right:0;bottom:.125rem;height:1px;background:currentColor;transform:scaleX(0);transform-origin:100% 50%;transition:transform .5s var(--e-settle)}
[data-ft=col] li a:hover::after,[data-ft=col] li a[aria-current=page]::after{transform:scaleX(1);transform-origin:0 50%}
[data-ft=col] a[data-ft=green]{color:var(--c-signal);font-weight:600}
[data-ft=mid]{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:clamp(3rem,2rem + 3vw,5rem);padding:var(--sp-5) 0;border-top:1px solid var(--line-d);border-bottom:1px solid var(--line-d)}
.nxv-ft [data-ft=soc]{display:flex;gap:.5rem}
.nxv-ft [data-ft=soc] a{width:2.75rem;height:2.75rem;color:var(--c-paper);box-shadow:inset 0 0 0 1px var(--line-d)}
.nxv-ft [data-ft=soc] a:hover{background:var(--c-paper);color:var(--c-ink);box-shadow:none}
[data-ft=toplink]{display:inline-flex;align-items:center;gap:.625rem;font-size:.875rem;font-weight:500;color:var(--c-ash);transition:color var(--t-fast)}
[data-ft=toplink]::after{content:"↑";display:grid;place-items:center;width:2.75rem;height:2.75rem;box-shadow:inset 0 0 0 1px var(--line-d);color:var(--c-paper);transition:transform var(--t-fast)}
[data-ft=toplink]:hover{color:var(--c-paper)}[data-ft=toplink]:hover::after{transform:translateY(-3px)}
[data-ft=bot]{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:var(--sp-5) 0 0;font-size:.8125rem;color:var(--c-ash)}
[data-ft=bot] nav{display:flex;gap:1.5rem}
[data-ft=bot] a{color:var(--c-ash);transition:color var(--t-fast)}[data-ft=bot] a:hover{color:var(--c-paper)}
[data-ft=word]{display:block;width:calc(100% - 2 * var(--edge));max-width:var(--wrap);margin:clamp(2.5rem,1.5rem + 3vw,4.5rem) auto 0;aspect-ratio:6.4/1;margin-bottom:-2.2%;background:linear-gradient(180deg,rgba(236,237,240,.16) 0%,rgba(236,237,240,.04) 70%,rgba(236,237,240,0) 100%);-webkit-mask:var(--nx-word) center top/100% auto no-repeat;mask:var(--nx-word) center top/100% auto no-repeat;pointer-events:none;user-select:none}
@media (max-width:1199px){[data-ft=top]{grid-template-columns:repeat(4,minmax(0,1fr))}[data-ft=brand]{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:end;gap:1.5rem 3rem}[data-ft=brand] [data-ft=wa]{margin-top:0;min-width:19rem}}
@media (max-width:767px){[data-ft=top]{grid-template-columns:1fr 1fr;gap:2.5rem 1.5rem}[data-ft=brand]{display:block}[data-ft=brand] [data-ft=wa]{margin-top:var(--sp-6);min-width:0}[data-ft=mid]{flex-wrap:wrap}[data-ft=bot]{flex-direction:column}}
@media (max-width:1100px){.nxv-ft .nxv-soc[data-ft=soc]{display:flex}}
@media (prefers-reduced-motion:reduce){[data-ft=wa]::before{animation:none}}

/* 24. Webbplatsanalys mobil: ingen sidledsglidning (iOS) */
@supports (overflow:clip){#wa,.nxv-ft[data-ft=v2]{overflow-x:clip}}
@media (max-width:599px){
 #wa .nxv-h1{max-width:none;font-size:min(2.75rem,calc((100vw - 2 * var(--edge)) / 7.9))}
 #wa-sticky span{white-space:normal;line-height:1.3;min-width:0}
 #wa-sticky .nxv-btn{flex:none}
 #wa summary,#wa p,#wa li,#wa td,#wa code{overflow-wrap:break-word}
}
@media (max-width:359px){#wa .nxv-h2{font-size:1.875rem}}

/* 25. Om oss v2 – ljus sektion, grundarporträtt, citat, siffror, CTA */
[data-om=v2] .nxv-wrap{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);column-gap:clamp(2.5rem,1rem + 5vw,6rem);align-items:start}
[data-om=fig]{position:relative;grid-column:1;grid-row:1/span 3;align-self:center;margin:0;aspect-ratio:4/5;overflow:hidden;background:#d2d3d8}
[data-om=fig] img{display:block;width:100%;height:100%;object-fit:cover}
[data-om=fig]::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,8,8,0) 62%,rgba(8,8,8,.62));pointer-events:none}
[data-om=fig] figcaption{position:absolute;left:1.5rem;right:1.5rem;bottom:1.375rem;z-index:1;color:var(--c-paper)}
[data-om=fig] figcaption b{display:block;font-size:1.25rem;font-weight:600;letter-spacing:-.02em}
[data-om=fig] figcaption span{display:block;margin-top:.3125rem;font:500 .6875rem/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:#c9cace}
[data-om=v2] .nxv-head{grid-column:2;align-items:flex-start;text-align:left;max-width:none;margin:0}
[data-om=v2] .nxv-head .nxv-lead{margin-left:0;margin-right:0}
[data-om=quote]{margin:var(--sp-7) 0 0;padding:.25rem 0 .25rem 1.375rem;border-left:2px solid var(--c-ink)}
[data-om=quote] p{font-size:clamp(1.125rem,1rem + .45vw,1.375rem);line-height:1.45;font-weight:500;letter-spacing:-.01em;color:var(--c-ink)}
[data-om=quote] cite{display:block;margin-top:.625rem;font:500 .6875rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:var(--c-steel)}
[data-om=v2] .nxv-stats{grid-column:2;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:var(--sp-7);border-top:1px solid var(--line-l);border-bottom:0}
[data-om=v2] .nxv-stat{padding:1.25rem 1rem 0 0;text-align:left;border:0}
[data-om=v2] .nxv-stat b{font-size:clamp(2rem,1.5rem + 1.4vw,2.75rem)}
[data-om=v2] .nxv-stat span{margin:.375rem 0 0;max-width:12rem;font-size:.8125rem;line-height:1.45;color:var(--c-steel)}
[data-om=act]{grid-column:2;justify-content:flex-start;align-items:center;gap:var(--sp-5);margin-top:var(--sp-7)}
@media (max-width:991px){
 [data-om=v2] .nxv-wrap{grid-template-columns:1fr}
 [data-om=fig],[data-om=v2] .nxv-head,[data-om=v2] .nxv-stats,[data-om=act]{grid-column:1;grid-row:auto}
 [data-om=fig]{width:100%;max-width:26rem;margin-bottom:var(--sp-7);align-self:start}
 [data-om=v2] .nxv-stats{grid-template-columns:1fr 1fr;row-gap:1rem}
}

/* 26. Rytm: sektionerna växlar ljus/mörk (hero L · Tjänster D · Så jobbar vi L · Om oss D · Analys L · FAQ D · Kontakt L · footer D) */
/* Om oss v3 – mörk, utan porträtt */
[data-om=v3] .nxv-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(2.5rem,1rem + 5vw,6rem);align-items:start;text-align:left;max-width:none;margin:0}
[data-om=v3] .nxv-head>.nxv-eb{grid-column:1;grid-row:1;justify-self:start}
[data-om=v3] .nxv-head>.nxv-h2{grid-column:1;grid-row:2}
[data-om=v3] .nxv-head>[data-om=quote]{grid-column:1;grid-row:3;align-self:start}
[data-om=v3] .nxv-head>.nxv-lead:not([data-om]){grid-column:2;grid-row:2;align-self:end;margin:0;color:var(--c-paper)}
[data-om=v3] .nxv-head>[data-om=how]{grid-column:2;grid-row:3;margin:var(--sp-7) 0 0;max-width:34rem}
.nxv-dark [data-om=quote]{border-left-color:var(--c-signal)}
.nxv-dark [data-om=quote] p{color:var(--c-paper)}
.nxv-dark [data-om=quote] cite{color:var(--c-ash)}
[data-om=v3] .nxv-stats{margin-top:var(--sp-8)}
[data-om=links]{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-4) var(--sp-7);margin-top:var(--sp-7)}
@media (max-width:991px){[data-om=v3] .nxv-head{grid-template-columns:1fr}[data-om=v3] .nxv-head>*{grid-column:1!important;grid-row:auto!important}[data-om=v3] .nxv-head>.nxv-lead:not([data-om]){margin-top:var(--sp-6)}[data-om=v3] .nxv-head>[data-om=quote]{margin-top:var(--sp-7)}}
/* Webbplatsanalys – ljus sektion (rapportkortet förblir mörkt) */
#webbplatsanalys.nxv-wa:not(.nxv-dark){border-top:0}
#webbplatsanalys.nxv-wa:not(.nxv-dark)::before{display:none}
.nxv-wa:not(.nxv-dark) .nxv-scan-in{background:var(--c-paper);box-shadow:inset 0 0 0 1px var(--line-l)}
.nxv-wa:not(.nxv-dark) .nxv-scan-in:focus-within{box-shadow:inset 0 0 0 1.5px var(--c-ink)}
.nxv-wa:not(.nxv-dark) .nxv-scan-in input{color:var(--c-ink)}
.nxv-wa:not(.nxv-dark) .nxv-scan-in input::placeholder{color:rgba(85,87,94,.55)}
.nxv-wa:not(.nxv-dark) .nxv-scan-in .nxv-btn:focus-visible{outline-color:var(--c-paper)}
.nxv-wa:not(.nxv-dark) .nxv-scan-err{color:#a93226}
.nxv-wa:not(.nxv-dark) .nxv-scan-note{color:var(--c-steel)}
.nxv-wa:not(.nxv-dark) .nxv-wa-trust{border-top-color:var(--line-l)}
.nxv-wa:not(.nxv-dark) .nxv-wa-trust li{color:var(--c-steel)}
.nxv-wa:not(.nxv-dark) .nxv-wa-trust strong{color:var(--c-ink)}
.nxv-wa:not(.nxv-dark) .nxv-scan-card{box-shadow:0 40px 80px -40px rgba(8,8,8,.55)}
/* FAQ – mörk */
.nxv-dark .nxv-faq details{border-color:var(--line-d)}
.nxv-dark .nxv-faq summary:hover{color:var(--c-ash)}
.nxv-dark .nxv-faq details p{color:var(--c-ash)}
.nxv-dark .nxv-faq details p a{color:var(--c-paper)}
/* Kontakt – ljus, formuläret som pappersyta */
#kontakt:not(.nxv-dark) .nxv-info dt{color:var(--c-steel)}
#kontakt:not(.nxv-dark) .nxv-form{border-color:var(--line-l);background:var(--c-paper)}
#kontakt:not(.nxv-dark) .nxv-prog{color:var(--c-steel)}
#kontakt:not(.nxv-dark) .nxv-prog i{background:var(--line-l)}
#kontakt:not(.nxv-dark) .nxv-prog i::after{background:var(--c-ink)}
#kontakt:not(.nxv-dark) .nxv-opt{border-color:var(--line-l);color:var(--c-ink)}
#kontakt:not(.nxv-dark) .nxv-opt span{color:var(--c-steel)}
#kontakt:not(.nxv-dark) .nxv-opt:hover,#kontakt:not(.nxv-dark) .nxv-opt[aria-pressed=true]{border-color:var(--c-ink);background:rgba(8,8,8,.04)}
#kontakt:not(.nxv-dark) .nxv-pick{border-color:var(--line-l);color:var(--c-ink)}
#kontakt:not(.nxv-dark) .nxv-pick:hover{border-color:rgba(8,8,8,.45)}
#kontakt:not(.nxv-dark) .nxv-pick[aria-pressed=true]{background:var(--c-ink);color:var(--c-paper);border-color:var(--c-ink)}
#kontakt:not(.nxv-dark) .nxv-form label,#kontakt:not(.nxv-dark) .nxv-form .n4-label{color:var(--c-steel)}
#kontakt:not(.nxv-dark) .nxv-form .w-input,#kontakt:not(.nxv-dark) .nxv-form input[type=text],#kontakt:not(.nxv-dark) .nxv-form input[type=email],#kontakt:not(.nxv-dark) .nxv-form textarea{border-color:var(--line-l);color:var(--c-ink);background:transparent}
#kontakt:not(.nxv-dark) .nxv-form .w-input:focus,#kontakt:not(.nxv-dark) .nxv-form textarea:focus{border-color:var(--c-ink)}
#kontakt:not(.nxv-dark) .nxv-form ::placeholder{color:rgba(85,87,94,.6)}
#kontakt:not(.nxv-dark) .nxv-form input[type=submit]{background:var(--c-ink);color:var(--c-paper);border-color:var(--c-ink)}
#kontakt:not(.nxv-dark) .nxv-form input[type=submit]:hover{background:#000}
#kontakt:not(.nxv-dark) .nxv-form .w-form-done,#kontakt:not(.nxv-dark) .nxv-form .w-form-fail{border-color:var(--line-l);color:var(--c-ink)}

/* 27. Tjänsternas 3D-linjemotion v4.8 (data-mo3=web|brand|ai) */
.mo3{position:relative;overflow:hidden;color:var(--c-paper)}
.mo3 svg{position:absolute;inset:0;display:block;width:100%;height:100%}
.mo3-ln{fill:none;stroke:currentColor;stroke-width:1.15;stroke-linejoin:round}
.mo3-dot{fill:var(--c-signal)}
.nxv-sec:not(.nxv-dark) .mo3:not(.nxv-dark .mo3),.mo3--light{color:var(--c-ink)}
.nxv-sec:not(.nxv-dark) .mo3:not(.nxv-dark .mo3) .mo3-dot,.mo3--light .mo3-dot{fill:var(--c-ink)}

/* 28. Hero v4.9: märket i 3D-linjer i mitten (ersätter ritning, rutnät och pixelzon) + intro i stället för laddare */
.nxv-hbg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.nxv-hbg .mk3-svg{position:absolute;left:50%;top:47%;width:min(1180px,128vw);height:auto;transform:translate(-50%,-50%);overflow:visible}
.mk3-ln{fill:none;stroke:var(--c-ink);stroke-width:1.2;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.mk3-dot{fill:var(--c-signal);stroke:var(--c-ink);stroke-width:.8;vector-effect:non-scaling-stroke}
@media (max-width:599px){.nxv-hbg .mk3-svg{top:30%;width:100vw}}
.nxv-hbg-grid,.nxv-hbg-mk{display:none!important}
.nxv-intro .nxv-hero [data-rv]{animation-delay:calc(var(--i,0) * .09s)!important}
.nxv-intro:not(.nxv-go) .nxv-hero [data-rv],.nxv-intro:not(.nxv-go) .nxv-hd{animation-play-state:paused!important}
@keyframes nxvin{from{opacity:0}to{opacity:1}}
.nxv-intro .nxv-hd{animation:nxvin .7s .1s both}
.nxv-pt{display:none!important}
@media (max-width:599px){.nxv-hbg .mk3-svg{opacity:.75}}

/* 29. Sektionsanatomi v4.10: samma huvud i alla sektioner (etikett, rubrik, ingress), samma luft, inga fästa sektioner */
.nxv-h2{text-wrap:balance}
.nxv-head .nxv-h2{max-width:none}
/* Tjänster: vanlig sektion, naturlig höjd */
.nxv-tj-intro,.nxv-tj-intro.is-trio-on{height:auto!important;min-height:0!important;padding:var(--sec-pad) 0!important;display:block}
.nxv-tj-intro>.nxv-wrap{display:block;flex:none}
.nxv-tj-intro .nxv-head{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:56rem;margin:0 auto clamp(2.5rem,1.5rem + 3vw,4rem)!important}
.nxv-tj-intro .nxv-head>.nxv-h2{font-size:var(--fs-h2)!important;margin-top:var(--sp-5)}
.nxv-tj-intro.is-trio-on .nxv-head>.nxv-lead{display:block;margin-top:var(--sp-6);max-width:40rem;font-size:var(--fs-lead)}
.nxv-tj-intro .nxv-svc-grid.is-trio{grid-template-rows:auto!important;flex:none!important;min-height:0}
.nxv-tj-intro .is-trio .nxv-svc{min-height:0;height:auto}
.nxv-tj-intro .is-trio .nxv-svc-stage{flex:none!important;aspect-ratio:16/10;min-height:0!important;height:auto}
.nxv-tj-intro .nxv-trio-n{font-size:clamp(7rem,4rem + 6vw,13rem)}
.nxv-tj-intro .nxv-trio-all{margin-top:clamp(2rem,1.5rem + 1.5vw,3rem)}
/* Så jobbar vi: stegen som en lugn rad under flikarna (ingen fästning) */
.nxv-pin{height:auto!important;margin-top:clamp(4.5rem,3rem + 4vw,7.5rem)!important}
.nxv-pin .nxv-pin-in{position:static!important;height:auto!important;display:block}
.nxv-pin .nxv-steps-title{margin:0 0 clamp(2rem,1.5rem + 2vw,3.5rem)!important;text-align:center;font-size:var(--fs-h3)!important;line-height:1.14;letter-spacing:-.03em;font-weight:600}
.nxv-pin .nxv-steps{margin-top:0}
.nxv-pin .nxv-step .nxv-h4{font-size:clamp(1.25rem,1rem + .7vw,1.625rem);letter-spacing:-.02em;margin-top:.25rem}
.nxv-pin .nxv-step .nxv-body{font-size:1rem;max-width:20rem}
.nxv-pin-cnt,.nxv-pin-cta{display:none!important}
/* Om oss: siffertexter med tillräcklig kontrast på mörkt (WCAG AA) */
.nxv-dark .nxv-stat span{color:#a9aaaf}
/* Stora skärmar: luften växer lite, innehållet stannar på läsbar bredd */
@media (min-width:1920px){:root{--wrap:90rem}}
/* Surfplatta (600–991): tjänsterna som liggande kort, motion till vänster, text till höger – inga halvtomma rader */
@media (min-width:600px) and (max-width:991px){
.nxv-tj-intro .nxv-svc-grid.is-trio{grid-template-columns:1fr!important;gap:1rem}
.nxv-tj-intro .is-trio .nxv-svc{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}
.nxv-tj-intro .is-trio .nxv-svc-stage{aspect-ratio:4/3;grid-column:1;grid-row:1}
.nxv-tj-intro .is-trio .nxv-svc-body{grid-column:2;grid-row:1;align-self:end}
}
/* 30. Verktyg: Cloudflare (agenter för analys och e-post byggs där) */
.nxv-tool[data-t=cloudflare]{--ti:url(https://cdn.prod.website-files.com/690f83acc1295e0499430487/6ae263ca6320db1ca26e139b_tool-cloudflare.svg)}

/* 31. Mobilmenyn: ingen hoppande första rad (fokus får inte rulla raden), chatbot-knappen döljs medan menyn är öppen */
.nxv-menu li{overflow:hidden}
@supports (overflow:clip){.nxv-menu li{overflow:clip}}
.nxv-menu-open #nexubot,.nxv-menu-open .nxb-launch,.nxv-menu-open .nxv-totop,.nxv-menu-open #nx-top{opacity:0!important;pointer-events:none!important;transition:opacity .2s}
/* 32. Mobilmenyn: sociala medier som ikoner (samma ikoner och ram som sidfoten), text kvar för skärmläsare */
.nxv-menu-foot a[href*="linkedin.com"],.nxv-menu-foot a[href*="instagram.com"],.nxv-menu-foot a[data-s]{display:inline-grid;place-items:center;width:2.75rem;height:2.75rem;font-size:0;line-height:0;color:var(--c-paper);box-shadow:inset 0 0 0 1px var(--line-d);transition:background-color var(--t-fast),color var(--t-fast)}
.nxv-menu-foot a[href*="linkedin.com"]::before,.nxv-menu-foot a[href*="instagram.com"]::before,.nxv-menu-foot a[data-s]::before{content:"";width:1.0625rem;height:1.0625rem;background:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.nxv-menu-foot a[href*="linkedin.com"]{--ic:var(--i-li)}
.nxv-menu-foot a[href*="instagram.com"]{--ic:var(--i-ig)}
.nxv-menu-foot a[data-s=fb]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.5 21v-7.6h2.6l.4-3h-3V8.5c0-.9.25-1.5 1.5-1.5h1.6V4.3a21 21 0 0 0-2.3-.1c-2.3 0-3.9 1.4-3.9 4v2.2H7.8v3h2.6V21z'/%3E%3C/svg%3E")}
.nxv-menu-foot a[data-s=up]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M24.75 17.54c-1.47 0-2.85-.62-4.1-1.63l.3-1.43.01-.06c.28-1.52 1.13-4.08 3.79-4.08a3.6 3.6 0 0 1 0 7.2zm0-10.85c-3.39 0-6.02 2.2-7.08 5.82-1.63-2.44-2.87-5.38-3.59-7.85h-3.64v9.48a3.4 3.4 0 0 1-6.8 0V4.66H0v9.48a7.04 7.04 0 0 0 14.09 0v-1.59c.7 1.47 1.57 2.97 2.63 4.3l-2.23 10.49h3.73l1.62-7.61a8.9 8.9 0 0 0 4.92 1.48 7.26 7.26 0 0 0 0-14.52z'/%3E%3C/svg%3E")}
.nxv-menu-foot a[href*="linkedin.com"]:hover,.nxv-menu-foot a[href*="instagram.com"]:hover,.nxv-menu-foot a[data-s]:hover{background:var(--c-paper);color:var(--c-ink)}
.nxv-menu-foot{display:grid;grid-template-columns:repeat(4,2.75rem) 1fr;gap:1rem .5rem;align-items:center}
.nxv-menu-foot>:first-child{grid-column:1/5;white-space:nowrap}
.nxv-menu-foot>span{grid-column:5;justify-self:end;text-align:right}
.nxv-menu-foot>*:not(:first-child):not(span):not([href*="linkedin.com"]):not([href*="instagram.com"]):not([data-s]){grid-column:1/-1}
.nxv-menu-foot a[href*="linkedin.com"],.nxv-menu-foot a[href*="instagram.com"],.nxv-menu-foot a[data-s]{display:flex;align-items:center;justify-content:center;padding:0}
.nxv-menu-foot>span{white-space:nowrap}
.nxv-menu-foot>:first-child,.nxv-menu-foot>span{grid-column:1/-1;justify-self:start;text-align:left}
.nxv-menu-foot>span{margin-top:-.625rem}

/* 33. FAQ v2: växel på mobil/surfplatta, två kolumner på desktop, en fråga öppen åt gången.
   Träffytor minst 44 px (Apple HIG, WCAG 2.2 · 2.5.8) */
.nxv-faq.is-v2{max-width:none}
.nxv-faq-sw{display:none}
.nxv-faq-end{display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem 2.5rem}
.nxv-faq-bot{background:none;border:0;padding:0 0 .25rem;font:inherit;cursor:pointer}
@media (min-width:992px){
 .nxv-faq.is-v2{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(2.5rem,1rem + 4vw,6rem);align-items:start;max-width:72rem;margin-left:auto;margin-right:auto}
 .nxv-faq.is-v2 .nxv-faq-group{margin:0!important}
 .nxv-faq.is-v2 .nxv-faq-group[hidden]{display:block}
}
@media (max-width:991px){
 .nxv-faq-sw{display:grid;grid-template-columns:1fr 1fr;margin:0 auto 1.5rem;max-width:30rem;box-shadow:inset 0 0 0 1px var(--line-d)}
 .nxv-faq-tab{min-height:2.75rem;padding:.75rem 1rem;background:transparent;border:0;color:var(--c-ash);font:600 .9375rem/1.2 Manrope,system-ui,sans-serif;letter-spacing:-.01em;cursor:pointer;transition:background-color var(--t-fast),color var(--t-fast)}
 .nxv-faq-tab[aria-selected=true]{background:var(--c-paper);color:var(--c-ink)}
 .nxv-faq-tab:focus-visible{outline:2px solid var(--c-paper);outline-offset:2px}
 .nxv-faq.is-v2 .nxv-faq-group>.nxv-eb{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
 .nxv-faq.is-v2 .nxv-faq-group{margin-top:0!important}
 .nxv-faq.is-v2 .nxv-faq-group[hidden]{display:none}
 .nxv-faq.is-v2 summary{font-size:1.0625rem;padding-top:1rem;padding-bottom:1rem;min-height:2.75rem}
 .nxv-faq.is-v2 details p{font-size:.9375rem;line-height:1.6}
 #faq .nxv-faq-end{margin-top:2rem}
}
/* 34. FAQ-avslut: centrerad rad över båda kolumnerna. Hårlinje som ritas ut från mitten,
   "Fråga nexubot" med pulserande lime-LED (status: chatten svarar direkt). */
#faq .nxv-faq-end{grid-column:1/-1;justify-self:stretch;position:relative;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1rem clamp(2rem,1rem + 3vw,4rem);margin:clamp(3rem,2rem + 3vw,4.5rem) 0 0!important;padding-top:clamp(2rem,1.5rem + 1.5vw,2.75rem);text-align:center}
#faq .nxv-faq-end::before{content:"";position:absolute;top:0;left:50%;width:min(36rem,100%);height:1px;background:linear-gradient(90deg,transparent,rgba(236,237,240,.3) 30%,rgba(236,237,240,.3) 70%,transparent);transform:translateX(-50%) scaleX(0);transition:transform 1.1s var(--e-settle) .15s}
#faq .nxv-faq-end.is-in::before,.nxv-js:not(.nxv-intro) #faq .nxv-faq-end:not([data-rv])::before{transform:translateX(-50%) scaleX(1)}
#faq .nxv-faq-end .nxv-link{margin:0!important;padding:.375rem 0!important;min-height:2.75rem;font-size:1rem}
#faq .nxv-faq-bot{gap:.625rem}
#faq .nxv-faq-bot::before{content:"";width:.4375rem;height:.4375rem;flex:none;background:var(--c-signal);box-shadow:0 0 0 0 rgba(203,253,60,.55);animation:nxfqled 2.4s var(--e-settle) infinite}
@keyframes nxfqled{0%{box-shadow:0 0 0 0 rgba(203,253,60,.5)}70%{box-shadow:0 0 0 .5rem rgba(203,253,60,0)}100%{box-shadow:0 0 0 0 rgba(203,253,60,0)}}
#faq .nxv-faq-bot:hover::before{animation-duration:1.2s}
@media (prefers-reduced-motion:reduce){#faq .nxv-faq-bot::before{animation:none}#faq .nxv-faq-end::before{transition:none;transform:translateX(-50%) scaleX(1)}}
#faq .nxv-faq-bot{font-weight:600;font-size:1rem;color:var(--c-paper);letter-spacing:inherit}
/* 35. Om oss-sidan (/om-oss) v4.11 – hooks: data-om-page / data-omp (inbäddad HTML, äkta innehåll för SEO) */
[data-om-page=hero].nxv-hero{min-height:clamp(34rem,88svh,60rem)}
[data-om-page=hero] .nxv-h1{white-space:normal!important;max-width:15ch!important;font-size:var(--fs-display)!important;text-wrap:balance;margin-left:auto;margin-right:auto}
[data-om-page=hero] .nxv-lead{max-width:38rem}
/* Grundaren: porträtt + berättelse */
[data-omp=split]{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2.5rem,1rem + 5vw,7rem);align-items:center}
[data-omp=fig]{position:relative;margin:0;aspect-ratio:4/5;isolation:isolate}
[data-omp=fig]::before{content:"";position:absolute;inset:0;transform:translate(14px,14px);box-shadow:inset 0 0 0 1px rgba(236,237,240,.18);z-index:-1;transition:transform 1.2s var(--e-settle) .3s}
[data-omp=fig] img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.06);clip-path:inset(100% 0 0 0);transition:clip-path 1.3s var(--e-travel) .1s,filter .8s}
[data-omp=fig].is-in img,.nxv-js:not(.nxv-intro) [data-omp=fig]:not([data-rv]) img{clip-path:inset(0 0 0 0)}
[data-omp=fig]:not(.is-in)::before{transform:translate(0,0)}
[data-omp=fig] figcaption{position:absolute;left:1rem;bottom:1rem;padding:.75rem 1rem;background:var(--c-paper);color:var(--c-ink);font-weight:600;font-size:.9375rem;line-height:1.3}
[data-omp=fig] figcaption small{display:block;margin-bottom:.35rem;font:500 .625rem/1 ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.12em;color:var(--c-steel);text-transform:uppercase}
[data-omp=story] .nxv-h2{margin-top:var(--sp-5)}
[data-omp=quote]{margin:var(--sp-7) 0 0;padding:0 0 0 1.25rem;border-left:2px solid var(--c-signal)}
[data-omp=quote] p{margin:0;font-size:clamp(1.125rem,1rem + .5vw,1.375rem);line-height:1.5;font-weight:500;color:var(--c-paper);letter-spacing:-.01em}
[data-omp=quote] cite{display:block;margin-top:.75rem;font:500 .6875rem/1 ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase;font-style:normal;color:var(--c-ash)}
[data-omp=body]{margin-top:var(--sp-6)}
[data-omp=body] p{margin:0 0 1rem;max-width:34rem;font-size:1.0625rem;line-height:1.65;color:#a9aaaf}
[data-omp=stats]{margin-top:clamp(3.5rem,2rem + 4vw,6rem)}
/* Arbetssätt: tre principer på en linje som ritas ut */
[data-omp=flow]{list-style:none;margin:clamp(3rem,2rem + 3vw,4.5rem) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(2rem,1rem + 3vw,4rem);position:relative}
[data-omp=flow]::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--line-l);transform:scaleX(0);transform-origin:0 50%;transition:transform 1.4s var(--e-settle) .2s}
[data-omp=flow].is-in::before{transform:scaleX(1)}
[data-omp=flow] li{position:relative;padding-top:2rem}
[data-omp=flow] li::before{content:"";position:absolute;left:0;top:-4px;width:9px;height:9px;background:var(--c-stone);box-shadow:inset 0 0 0 1px var(--c-ink);transition:background-color .4s}
[data-omp=flow].is-in li::before{background:var(--c-signal)}
[data-omp=flow].is-in li:nth-child(1)::before{transition-delay:.5s}[data-omp=flow].is-in li:nth-child(2)::before{transition-delay:.9s}[data-omp=flow].is-in li:nth-child(3)::before{transition-delay:1.3s}
[data-omp=n]{font:600 .75rem/1 ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.14em;color:var(--c-steel)}
[data-omp=flow] h3{margin:.875rem 0 .5rem}
[data-omp=flow] p{margin:0;color:var(--c-steel);line-height:1.6;max-width:22rem}
/* Löften: rutnät av hårlinjer */
[data-omp=grid]{list-style:none;margin:clamp(3rem,2rem + 3vw,4.5rem) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
[data-omp=grid] li{position:relative;padding:clamp(1.5rem,1rem + 1.5vw,2.5rem) clamp(1.25rem,.5rem + 2vw,2.5rem) clamp(1.5rem,1rem + 1.5vw,2.5rem) 0;border-top:1px solid var(--line-d);opacity:0;transform:translateY(1rem);transition:opacity .8s var(--e-settle),transform .8s var(--e-settle)}
[data-omp=grid] li:not(:nth-child(3n+1)){padding-left:clamp(1.25rem,.5rem + 2vw,2.5rem);border-left:1px solid var(--line-d)}
[data-omp=grid].is-in li{opacity:1;transform:none}
[data-omp=grid].is-in li:nth-child(2){transition-delay:.08s}[data-omp=grid].is-in li:nth-child(3){transition-delay:.16s}[data-omp=grid].is-in li:nth-child(4){transition-delay:.24s}[data-omp=grid].is-in li:nth-child(5){transition-delay:.32s}[data-omp=grid].is-in li:nth-child(6){transition-delay:.4s}
[data-omp=grid] small{display:flex;align-items:center;gap:.625rem;font:600 .6875rem/1 ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--c-ash)}
[data-omp=grid] small::before{content:"";width:7px;height:7px;background:rgba(236,237,240,.25);transition:background-color .5s .6s}
[data-omp=grid].is-in small::before{background:var(--c-signal)}
[data-omp=grid] b{display:block;margin:1rem 0 .625rem;font-size:clamp(1.75rem,1.2rem + 1.6vw,2.75rem);line-height:1.05;font-weight:600;letter-spacing:-.035em;color:var(--c-paper)}
[data-omp=grid] p{margin:0;color:#a9aaaf;line-height:1.55;max-width:20rem}
/* Nästa steg */
[data-om-page=cta] .nxv-actions{justify-content:center;align-items:center;gap:1rem 2rem;margin-top:var(--sp-7)}
[data-om-page=cta] .nxv-link{margin:0!important;padding:.375rem 0!important}
@media (max-width:991px){
 [data-omp=split]{grid-template-columns:1fr}
 [data-omp=fig]{max-width:26rem}
 [data-omp=grid]{grid-template-columns:repeat(2,minmax(0,1fr))}
 [data-omp=grid] li,[data-omp=grid] li:not(:nth-child(3n+1)){padding-left:0;border-left:0}
 [data-omp=grid] li:nth-child(2n){padding-left:clamp(1.25rem,.5rem + 2vw,2.5rem);border-left:1px solid var(--line-d)}
}
@media (max-width:767px){
 [data-omp=flow]{grid-template-columns:1fr;gap:0}
 [data-omp=flow]::before{display:none}
 [data-omp=flow] li{padding:1.75rem 0 1.75rem;border-top:1px solid var(--line-l)}
 [data-omp=flow] li::before{top:-5px}
 [data-omp=grid]{grid-template-columns:1fr}
 [data-omp=grid] li:nth-child(2n){padding-left:0;border-left:0}
 [data-omp=fig]::before{transform:translate(10px,10px)}
}
@media (prefers-reduced-motion:reduce){[data-omp=fig] img{clip-path:none;transition:none}[data-omp=flow]::before{transform:none;transition:none}[data-omp=grid] li{opacity:1;transform:none;transition:none}}

/* 36. Tjänster-sidan (/tjanster) v4.12 – ett område per sektion: tjänstens egen motion + tjänsterader.
   Hooks: data-tj-page=area, data-tjp=area|stage|head|rows|row|inc|plat. Hero och CTA återanvänder data-om-page=hero|cta. */
[data-tjp=jump]{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 2rem;margin:var(--sp-7) 0 0;padding:0;list-style:none}
[data-tjp=jump] a{display:inline-flex;align-items:center;gap:.625rem;min-height:44px;font:600 .75rem/1 ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--c-steel);text-decoration:none;transition:color var(--t-fast)}
[data-tjp=jump] a b{font-weight:600;color:var(--c-ink)}
[data-tjp=jump] a:hover,[data-tjp=jump] a:focus-visible{color:var(--c-ink)}
[data-tjp=area]{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2.5rem,1rem + 5vw,7rem);align-items:start}
[data-tjp=area][data-rev]{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
[data-tjp=area][data-rev] [data-tjp=stage]{order:2}
[data-tjp=stage]{position:sticky;top:clamp(6rem,12vh,8rem);aspect-ratio:1/1;max-height:calc(100svh - 10rem);width:100%}
[data-tjp=stage]::before,[data-tjp=stage]::after{content:"";position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,currentColor 20%,currentColor 80%,transparent);opacity:.14}
[data-tjp=stage]::before{top:0}[data-tjp=stage]::after{bottom:0}
.nxv-dark [data-tjp=stage]{color:var(--c-paper)}
[data-tjp=stage] .mo3{position:absolute;inset:0}
[data-tjp=stage] small{position:absolute;left:0;bottom:1rem;display:flex;align-items:center;gap:.625rem;font:600 .6875rem/1 ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--c-steel)}
.nxv-dark [data-tjp=stage] small{color:var(--c-ash)}
[data-tjp=head] .nxv-h2{margin-top:var(--sp-5)}
[data-tjp=head] .nxv-lead{margin-top:var(--sp-5);max-width:36rem}
.nxv-dark [data-tjp=head] .nxv-lead{color:#a9aaaf}
[data-tjp=rows]{list-style:none;margin:clamp(2.5rem,1.5rem + 2.5vw,4rem) 0 0;padding:0;counter-reset:tj}
[data-tjp=row]{position:relative;display:grid;grid-template-columns:3rem minmax(0,1fr);gap:0 1rem;padding:clamp(1.25rem,1rem + .8vw,1.75rem) 0;border-top:1px solid var(--line-l);scroll-margin-top:7rem;opacity:0;transform:translateY(1rem);transition:opacity .8s var(--e-settle),transform .8s var(--e-settle)}
[data-tjp=row]:last-child{border-bottom:1px solid var(--line-l)}
.nxv-dark [data-tjp=row]{border-color:var(--line-d)}
[data-tjp=rows].is-in [data-tjp=row]{opacity:1;transform:none}
[data-tjp=rows].is-in [data-tjp=row]:nth-child(2){transition-delay:.07s}[data-tjp=rows].is-in [data-tjp=row]:nth-child(3){transition-delay:.14s}[data-tjp=rows].is-in [data-tjp=row]:nth-child(4){transition-delay:.21s}[data-tjp=rows].is-in [data-tjp=row]:nth-child(5){transition-delay:.28s}
[data-tjp=row]::before{counter-increment:tj;content:counter(tj,decimal-leading-zero);grid-row:1/4;padding-top:.45rem;font:600 .75rem/1 ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.14em;color:var(--c-steel)}
.nxv-dark [data-tjp=row]::before{color:var(--c-ash)}
[data-tjp=row]::after{content:"";position:absolute;left:0;top:-1px;height:1px;width:0;background:currentColor;transition:width .6s var(--e-settle)}
[data-tjp=row]:hover::after,[data-tjp=row]:target::after{width:3rem}
[data-tjp=row] h3{margin:0;font-size:var(--fs-h4);line-height:1.25;font-weight:600;letter-spacing:-.015em}
[data-tjp=row] p{margin:.375rem 0 0;max-width:34rem;line-height:1.6;color:var(--c-steel)}
.nxv-dark [data-tjp=row] p{color:#a9aaaf}
[data-tjp=inc]{margin-top:.625rem!important;font:500 .6875rem/1.6 ui-monospace,"SF Mono",Menlo,Consolas,monospace!important;letter-spacing:.08em;text-transform:uppercase;color:var(--c-steel)!important}
.nxv-dark [data-tjp=inc]{color:var(--c-ash)!important}
[data-tjp=plat]{margin:var(--sp-6) 0 0;padding-left:1.25rem;border-left:2px solid var(--c-signal);max-width:34rem;line-height:1.6}
.nxv-dark [data-tjp=plat]{color:var(--c-paper)}
[data-tjp=more]{margin-top:var(--sp-6)}
[data-tjp=note]{margin:var(--sp-7) auto 0;max-width:40rem;text-align:center;font-size:var(--fs-small);line-height:1.6;color:#a9aaaf}
[data-tj-page=price] [data-omp=grid]{grid-template-columns:repeat(2,minmax(0,1fr))}
[data-tj-page=price] [data-omp=grid] li:not(:nth-child(3n+1)){padding-left:0;border-left:0}
[data-tj-page=price] [data-omp=grid] li:nth-child(2n){padding-left:clamp(1.25rem,.5rem + 2vw,2.5rem);border-left:1px solid var(--line-d)}
[data-tj-page=price] .nxv-actions{justify-content:center;align-items:center;gap:1rem 2rem;margin-top:var(--sp-7)}
@media (max-width:991px){
 [data-tjp=area],[data-tjp=area][data-rev]{grid-template-columns:1fr}
 [data-tjp=area][data-rev] [data-tjp=stage]{order:0}
 [data-tjp=stage]{position:relative;top:auto;aspect-ratio:16/10;max-height:none;max-width:34rem}
}
@media (max-width:767px){
 [data-tj-page=price] [data-omp=grid]{grid-template-columns:1fr}
 [data-tj-page=price] [data-omp=grid] li:nth-child(2n){padding-left:0;border-left:0}
 [data-tjp=row]{grid-template-columns:2.25rem minmax(0,1fr);gap:0 .75rem}
}
@media (prefers-reduced-motion:reduce){[data-tjp=row]{opacity:1;transform:none;transition:none}}
[data-tjp=plat] a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em;text-decoration-color:currentColor;text-decoration-color:color-mix(in srgb,currentColor 40%,transparent)}[data-tjp=plat] a:hover,[data-tjp=plat] a:focus-visible{text-decoration-color:var(--c-signal)}
[data-tjp=stage] .mo3 svg{transform:scale(1.3)}
@media (max-width:767px){[data-tjp=jump]{gap:.25rem 1.125rem}[data-tjp=jump] a{letter-spacing:.08em}[data-tjp=stage] .mo3 svg{transform:scale(1.15)}}

/* 37. Så jobbar vi (/sa-jobbar-vi) v4.13 – process i fem steg (mörk), två vägar (ljus), villkor (mörk).
   Hooks: data-sj-page=process|ways|terms, data-sjp=ways|way|meta. Återanvänder data-omp=flow och data-omp=grid. */
[data-sj-page=process] [data-omp=flow]{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(1.25rem,.5rem + 2vw,2.5rem)}
[data-sj-page=process] [data-omp=flow]::before{background:var(--line-d)}
[data-sj-page=process] [data-omp=flow] li::before{background:var(--c-ink);box-shadow:inset 0 0 0 1px var(--c-paper)}
[data-sj-page=process] [data-omp=flow].is-in li::before{background:var(--c-signal);box-shadow:none}
[data-sj-page=process] [data-omp=flow].is-in li:nth-child(4)::before{transition-delay:1.7s}[data-sj-page=process] [data-omp=flow].is-in li:nth-child(5)::before{transition-delay:2.1s}
[data-sj-page=process] [data-omp=n]{color:var(--c-ash)}
[data-sj-page=process] [data-omp=flow] h3{color:var(--c-paper)}
[data-sj-page=process] [data-omp=flow] p{color:#a9aaaf}
[data-sjp=meta]{display:inline-block;margin-top:1rem!important;padding:.375rem .5rem;font:600 .625rem/1 ui-monospace,"SF Mono",Menlo,Consolas,monospace!important;letter-spacing:.14em;text-transform:uppercase;color:var(--c-paper)!important;box-shadow:inset 0 0 0 1px var(--line-d)}
[data-sjp=ways]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:clamp(3rem,2rem + 3vw,4.5rem);border-top:1px solid var(--line-l)}
[data-sjp=way]{padding:clamp(2rem,1.5rem + 2vw,3.5rem) clamp(1.5rem,.5rem + 3vw,4rem) 0 0}
[data-sjp=way]+[data-sjp=way]{padding-left:clamp(1.5rem,.5rem + 3vw,4rem);padding-right:0;border-left:1px solid var(--line-l)}
[data-sjp=way] > small{display:flex;align-items:center;gap:.625rem;font:600 .6875rem/1 ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--c-steel)}
[data-sjp=way] > small::before{content:"";width:7px;height:7px;background:var(--c-signal)}
[data-sjp=way] h3{margin:1rem 0 .625rem;font-size:var(--fs-h3);line-height:1.14;font-weight:600;letter-spacing:-.03em}
[data-sjp=way] > p{margin:0;max-width:30rem;line-height:1.6;color:var(--c-steel)}
[data-sjp=way] .nxv-list{margin:1.5rem 0 0}
[data-sjp=way] .nxv-link{margin-top:1.75rem}
[data-sj-page=terms] .nxv-actions{justify-content:center;align-items:center;gap:1rem 2rem;margin-top:var(--sp-7)}
@media (max-width:991px){
 [data-sj-page=process] [data-omp=flow]{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:2.5rem}
 [data-sj-page=process] [data-omp=flow]::before{display:none}
 [data-sj-page=process] [data-omp=flow] li{border-top:1px solid var(--line-d)}
 [data-sj-page=process] [data-omp=flow] li::before{top:-5px}
}
@media (max-width:767px){
 [data-sj-page=process] [data-omp=flow]{grid-template-columns:1fr;row-gap:0}
 [data-sj-page=process] [data-omp=flow] li{border-top:1px solid var(--line-d)}
 [data-sjp=ways]{grid-template-columns:1fr}
 [data-sjp=way],[data-sjp=way]+[data-sjp=way]{padding:2rem 0;border-left:0}
 [data-sjp=way]+[data-sjp=way]{border-top:1px solid var(--line-l)}
}
[data-tjp=end]{justify-content:center;align-items:center;gap:1rem 2rem;margin-top:var(--sp-7)}[data-tjp=end] .nxv-link{margin:0!important;padding:.375rem 0!important}

/* 38. Tjänsterader v2: resultatrubrik + "Läs mer" (för vem, ingår, så går det till, pris, CTA). Allt i HTML för SEO. */
[data-tjp=claim]{margin:.5rem 0 0!important;font-size:clamp(1.0625rem,1rem + .35vw,1.25rem);line-height:1.4!important;font-weight:600;letter-spacing:-.015em;color:var(--c-ink)!important}
.nxv-dark [data-tjp=claim]{color:var(--c-paper)!important}
[data-tjp=row] h3{font:600 .75rem/1.2 ui-monospace,"SF Mono",Menlo,Consolas,monospace!important;letter-spacing:.12em!important;text-transform:uppercase;color:var(--c-steel)}
.nxv-dark [data-tjp=row] h3{color:var(--c-ash)}
[data-tjp=row]::before{padding-top:.05rem}
[data-tjp=more]{grid-column:2;margin-top:.875rem}
[data-tjp=more] summary{display:inline-flex;align-items:center;gap:.625rem;min-height:44px;cursor:pointer;list-style:none;font-weight:600;font-size:.9375rem;color:inherit}
[data-tjp=more] summary::-webkit-details-marker{display:none}
[data-tjp=more] summary::after{content:"";width:.75rem;height:.75rem;background:linear-gradient(currentColor,currentColor) center/100% 1.5px no-repeat,linear-gradient(currentColor,currentColor) center/1.5px 100% no-repeat;transition:transform var(--t-fast) var(--e-settle)}
[data-tjp=more][open] summary::after{transform:rotate(45deg)}
[data-tjp=more] summary:focus-visible{outline:2px solid currentColor;outline-offset:3px}
[data-tjp=detail]{padding:.5rem 0 1rem;animation:nxtjin .5s var(--e-settle)}
@keyframes nxtjin{from{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:none}}
[data-tjp=detail] dl{margin:0;display:grid;gap:0}
[data-tjp=detail] dl>div{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:.25rem 1.5rem;padding:1rem 0;border-top:1px solid var(--line-l)}
.nxv-dark [data-tjp=detail] dl>div{border-color:var(--line-d)}
[data-tjp=detail] dt{font:600 .6875rem/1.6 ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--c-steel)}
.nxv-dark [data-tjp=detail] dt{color:var(--c-ash)}
[data-tjp=detail] dd{margin:0;line-height:1.6}
[data-tjp=detail] dd ul{list-style:none;margin:0;padding:0;display:grid;gap:.375rem}
[data-tjp=detail] dd ul li{position:relative;padding-left:1rem}
[data-tjp=detail] dd ul li::before{content:"";position:absolute;left:0;top:.62em;width:5px;height:5px;background:currentColor;opacity:.5}
[data-tjp=steps]{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.375rem .25rem;counter-reset:st}
[data-tjp=steps] li{counter-increment:st;display:inline-flex;align-items:baseline;gap:.375rem}
[data-tjp=steps] li::before{content:counter(st);font:600 .6875rem/1 ui-monospace,"SF Mono",Menlo,Consolas,monospace;color:var(--c-signal);background:var(--c-ink);padding:.2rem .35rem}
.nxv-dark [data-tjp=steps] li::before{background:transparent;box-shadow:inset 0 0 0 1px var(--line-d)}
[data-tjp=steps] li:not(:last-child)::after{content:"→";margin-left:.25rem;opacity:.4}
[data-tjp=note2]{margin:.75rem 0 0!important;font-size:.875rem;opacity:.8}
[data-tjp=detail]>.nxv-link{margin-top:1.25rem}
[data-tjp=row]:hover::after{width:3rem}
[data-tjp-solo]{max-width:52rem;margin:clamp(3rem,2rem + 3vw,4.5rem) auto 0!important}
@media (max-width:767px){
 [data-tjp=more]{grid-column:1/-1}
 [data-tjp=detail] dl>div{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){[data-tjp=detail]{animation:none}}
[data-tjp=row]::before{grid-row:1/6}

/* 39. Kontakt-sidan (/kontakt) och FAQ-sidan (/faq) v4.14 */
[data-kt-page=form]{padding-top:calc(var(--sec-pad) + 3.5rem)}
[data-kt-page=form] .nxv-h1{font-size:var(--fs-display)}
[data-kt-page=ways] [data-omp=grid] p a{color:var(--c-paper);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em;text-decoration-color:rgba(236,237,240,.4)}
[data-kt-page=ways] [data-omp=grid] p a:hover{text-decoration-color:var(--c-signal)}
[data-kt=next]{margin-top:clamp(3.5rem,2rem + 4vw,6rem)!important}
.nxv-dark [data-omp=flow][data-kt]::before{background:var(--line-d)}
.nxv-dark [data-omp=flow][data-kt] li::before{background:var(--c-ink);box-shadow:inset 0 0 0 1px var(--c-paper)}
.nxv-dark [data-omp=flow][data-kt].is-in li::before{background:var(--c-signal);box-shadow:none}
.nxv-dark [data-omp=flow][data-kt] h3{color:var(--c-paper)}
.nxv-dark [data-omp=flow][data-kt] p,.nxv-dark [data-omp=flow][data-kt] [data-omp=n]{color:#a9aaaf}
@media (max-width:767px){.nxv-dark [data-omp=flow][data-kt] li{border-color:var(--line-d)}}
[data-fq-page=list] .nxv-faq-group>.nxv-eb{margin-bottom:var(--sp-4)}
[data-fq-page=list] .nxv-faq details p code{font:500 .875em/1 ui-monospace,"SF Mono",Menlo,Consolas,monospace;padding:.1em .3em;box-shadow:inset 0 0 0 1px currentColor;opacity:.85}
[data-fq-page=list] .nxv-faq details p a{color:inherit;text-decoration:underline;text-underline-offset:.2em}
/* 40. För webbyråer / För företag / Integritetspolicy v4.14 */
@media (min-width:992px){[data-sj-page=process] [data-omp=flow][data-n="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}}
[data-fo=list]{max-width:44rem;margin:clamp(2.5rem,1.5rem + 2.5vw,4rem) auto 0!important}
[data-fo=list] li{font-size:1rem}
[data-fo=price]{max-width:44rem;margin:var(--sp-6) auto 0;padding-left:1.25rem;border-left:2px solid var(--c-signal);line-height:1.6;font-weight:500}
#vagar [data-omp=grid] p a{color:var(--c-paper);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em;text-decoration-color:rgba(236,237,240,.4)}
#vagar [data-omp=grid] p a:hover{text-decoration-color:var(--c-signal)}
[data-legal]{padding-top:calc(var(--sec-pad) + 3.5rem)}
[data-legal-head]{max-width:44rem;margin:0 auto}
[data-legal-head] .nxv-h1{font-size:var(--fs-h2);margin-top:var(--sp-5)}
[data-legal-head] .nxv-lead{margin-top:var(--sp-5)}
[data-legal-date]{margin-top:var(--sp-4);font:500 .75rem/1.4 ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--c-steel)}
[data-legal-body]{max-width:44rem;margin:clamp(2.5rem,1.5rem + 2.5vw,4rem) auto 0;line-height:1.7}
[data-legal-body] h2{margin:2.5rem 0 .75rem;padding-top:1.5rem;border-top:1px solid var(--line-l);font-size:var(--fs-h4);font-weight:600;letter-spacing:-.015em}
[data-legal-body] p{margin:0 0 .875rem;color:var(--c-steel)}
[data-legal-body] ul{margin:0 0 1rem;padding:0;list-style:none;display:grid;gap:.5rem}
[data-legal-body] li{position:relative;padding-left:1.125rem;color:var(--c-steel)}
[data-legal-body] li::before{content:"";position:absolute;left:0;top:.7em;width:5px;height:5px;background:var(--c-ink)}
[data-legal-body] a{color:var(--c-ink);text-decoration:underline;text-underline-offset:.2em}

/* 41. Designsystem-sidan (/designsystem) v4.15 – hooks: data-ds-page / data-ds. Allt innehåll är riktig HTML. */
[data-ds=meta]{display:flex;flex-wrap:wrap;justify-content:center;gap:0;margin:var(--sp-7) auto 0;padding:0;list-style:none;border-top:1px solid var(--line-l)}
[data-ds=meta] li{display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.5rem 0;font-weight:600;font-size:.9375rem;text-align:left}
[data-ds=meta] li+li{border-left:1px solid var(--line-l)}
[data-ds=meta] small,[data-ds] code,[data-ds=swatches] small,[data-ds=scale] small,[data-ds=bp] small,[data-ds=patterns] small,[data-ds=trio] small,[data-ds=ease] small,[data-ds=facts] dt,[data-ds=anatomy] figcaption span{font:600 .6875rem/1.2 ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--c-steel)}
[data-ds] code{text-transform:none;letter-spacing:.02em;font-weight:500}
/* Färg */
[data-ds=swatches]{list-style:none;margin:clamp(3rem,2rem + 3vw,4.5rem) 0 0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid var(--line-l)}
[data-ds=swatches] li{display:flex;flex-direction:column;gap:.5rem;padding:0 1rem 1.5rem 0}
[data-ds=swatches] li+li{padding-left:1rem;border-left:1px solid var(--line-l)}
[data-ds=swatches] i{display:block;height:clamp(6rem,4.5rem + 4vw,9.5rem);margin-bottom:.875rem;background:var(--sw);box-shadow:inset 0 0 0 1px var(--line-l);transform-origin:50% 100%;transform:scaleY(.2);opacity:0;transition:transform .9s var(--e-settle),opacity .6s}
[data-ds=swatches].is-in i{transform:none;opacity:1}
[data-ds=swatches].is-in li:nth-child(2) i{transition-delay:.06s}[data-ds=swatches].is-in li:nth-child(3) i{transition-delay:.12s}[data-ds=swatches].is-in li:nth-child(4) i{transition-delay:.18s}[data-ds=swatches].is-in li:nth-child(5) i{transition-delay:.24s}[data-ds=swatches].is-in li:nth-child(6) i{transition-delay:.3s}[data-ds=swatches].is-in li:nth-child(7) i{transition-delay:.36s}
[data-ds=signal] i{background:var(--c-ink)!important;position:relative}
[data-ds=signal] i::after{content:"";position:absolute;left:50%;top:50%;width:18%;aspect-ratio:1;background:var(--c-signal);transform:translate(-50%,-50%);animation:nxled 2.4s ease-in-out infinite}
[data-ds=swatches] b{font-size:1.125rem;font-weight:600;letter-spacing:-.015em}
[data-ds=swatches] code{color:var(--c-ink)}
[data-ds=swatches] span{font-size:.875rem;line-height:1.45;color:var(--c-steel)}
[data-ds=swatches] small{margin-top:auto;padding-top:.5rem;letter-spacing:.06em}
[data-ds=rules]{list-style:none;margin:var(--sp-7) auto 0;padding:0;max-width:44rem;display:grid;gap:.625rem}
[data-ds=rules] li{position:relative;padding-left:1.25rem;color:var(--c-steel);line-height:1.6}
[data-ds=rules] li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;background:var(--c-ink)}
/* Typografi */
[data-ds=specimen]{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2rem,1rem + 4vw,6rem);align-items:end;padding-bottom:clamp(2.5rem,1.5rem + 3vw,4.5rem);border-bottom:1px solid var(--line-d)}
[data-ds=aa]{font-size:clamp(7rem,4rem + 14vw,17rem);line-height:.8;font-weight:600;letter-spacing:-.06em;background:linear-gradient(180deg,var(--c-paper) 35%,rgba(236,237,240,.35));-webkit-background-clip:text;background-clip:text;color:transparent;padding:.08em 0 .14em;margin:-.08em 0 -.14em}
[data-ds=family]{font-size:var(--fs-h3);font-weight:600;letter-spacing:-.03em;line-height:1.1}
[data-ds=weights]{list-style:none;margin:1.25rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;font-size:1.375rem;color:var(--c-paper)}
[data-ds=glyphs]{margin-top:1.5rem!important;font-size:clamp(.9375rem,.85rem + .35vw,1.125rem);line-height:1.7;letter-spacing:.02em;color:#a9aaaf;overflow-wrap:anywhere}
[data-ds=scale]{list-style:none;margin:0;padding:0}
[data-ds=scale] li{display:grid;grid-template-columns:10rem minmax(0,1fr) 13rem;gap:1.5rem;align-items:baseline;padding:1.75rem 0;border-bottom:1px solid var(--line-d)}
[data-ds=scale] li>p{margin:0;color:var(--c-paper);overflow-wrap:anywhere}
[data-ds=scale] .nxv-lead,[data-ds=scale] .nxv-body{color:#a9aaaf}
[data-ds=scale] li>.nxv-h1{white-space:normal!important;max-width:none!important}
[data-ds=scale] small{color:var(--c-ash)}
[data-ds=scale] code{color:var(--c-ash);text-align:right}
/* Rytm */
[data-ds=split]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2.5rem,1rem + 5vw,7rem);align-items:start;margin-top:clamp(3rem,2rem + 3vw,4.5rem)}
[data-ds=space]{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-l)}
[data-ds=space] li{display:grid;grid-template-columns:4rem minmax(0,1fr) 3.5rem;gap:1rem;align-items:center;min-height:3.25rem;border-bottom:1px solid var(--line-l)}
[data-ds=space] i{display:block;height:.75rem;width:calc(var(--w) * 1px);max-width:100%;background:var(--c-ink);transform:scaleX(0);transform-origin:0 50%;transition:transform .9s var(--e-settle)}
[data-ds=space].is-in i{transform:none}
[data-ds=space] li:nth-child(n+5) i{background:var(--c-steel)}
[data-ds=space].is-in li:nth-child(2) i{transition-delay:.05s}[data-ds=space].is-in li:nth-child(3) i{transition-delay:.1s}[data-ds=space].is-in li:nth-child(4) i{transition-delay:.15s}[data-ds=space].is-in li:nth-child(5) i{transition-delay:.2s}[data-ds=space].is-in li:nth-child(6) i{transition-delay:.25s}[data-ds=space].is-in li:nth-child(7) i{transition-delay:.3s}[data-ds=space].is-in li:nth-child(8) i{transition-delay:.35s}
[data-ds=space] span{font-size:.875rem;font-weight:600;text-align:right}
[data-ds=space] code{color:var(--c-ink)}
[data-ds=anatomy] figure{margin:1.5rem 0 0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.5rem;align-items:stretch;padding:1.75rem;box-shadow:inset 0 0 0 1px var(--line-l)}
[data-ds=mini]{display:flex;flex-direction:column;gap:.75rem}
[data-ds=mini-h]{font-size:clamp(1.375rem,1.1rem + 1vw,1.875rem);line-height:1.12;font-weight:600;letter-spacing:-.03em}
[data-ds=mini-l]{font-size:.9375rem;line-height:1.55;color:var(--c-steel)}
[data-ds=anatomy] figcaption{display:flex;flex-direction:column;justify-content:space-between;gap:.75rem;padding-left:1.5rem;border-left:1px dashed rgba(8,8,8,.24)}
[data-ds=anatomy] figcaption span{display:flex;align-items:center;gap:.5rem;letter-spacing:.08em}
[data-ds=anatomy] figcaption span::before{content:"";width:1.25rem;height:1px;background:var(--c-ink);margin-left:-2.25rem}
[data-ds=facts]{margin:1.5rem 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line-l)}
[data-ds=facts] div{padding:1rem 1rem 0 0}
[data-ds=facts] div+div{padding-left:1rem;border-left:1px solid var(--line-l)}
[data-ds=facts] dd{margin:.5rem 0 0;font-weight:600}
/* Komponenter */
[data-ds=specs]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line-d);border-left:1px solid var(--line-d)}
[data-ds=specs] figure{margin:0;display:flex;flex-direction:column;border-right:1px solid var(--line-d);border-bottom:1px solid var(--line-d)}
[data-ds=stage]{flex:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem;min-height:12rem;padding:2rem 1.5rem;background:radial-gradient(60% 70% at 50% 40%,rgba(255,255,255,.045),transparent 70%)}
[data-ds=stage].nxv-faq{display:flex;flex-direction:column;justify-content:center;align-items:stretch}
[data-ds=stage].nxv-faq details{width:100%}
[data-ds=stage] .nxv-list{margin:0!important;max-width:16rem}
[data-ds=stage] .nxv-chips{justify-content:center}
[data-ds=specs] figcaption{display:flex;flex-direction:column;gap:.5rem;text-align:left;align-items:flex-start;padding:1.25rem 1.5rem 1.5rem;border-top:1px solid var(--line-d)}
[data-ds=specs] figcaption code{color:var(--c-paper)}
[data-ds=specs] figcaption span{font-size:.875rem;line-height:1.5;color:#a9aaaf}
[data-ds=patterns]{margin-top:clamp(3rem,2rem + 3vw,4.5rem)}
[data-ds=patterns] h3{color:var(--c-paper)}
[data-ds=patterns] ul{list-style:none;margin:1.25rem 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line-d)}
[data-ds=patterns] li+li{border-left:1px solid var(--line-d)}
[data-ds=patterns] a{display:flex;flex-direction:column;gap:.625rem;min-height:44px;height:100%;padding:1.25rem 1.25rem 1.25rem 0;font-weight:600;font-size:.9375rem;line-height:1.4;color:var(--c-paper);transition:color var(--t-fast)}
[data-ds=patterns] li+li a{padding-left:1.25rem}
[data-ds=patterns] a small{display:flex;align-items:center;gap:.5rem;color:var(--c-ash)}
[data-ds=patterns] a small::after{content:"";width:.75rem;height:.75rem;margin-left:auto;background:currentColor;-webkit-mask:var(--i-arrow) center/contain no-repeat;mask:var(--i-arrow) center/contain no-repeat;transition:transform var(--t-base) var(--e-settle)}
[data-ds=patterns] a:hover small::after,[data-ds=patterns] a:focus-visible small::after{transform:translateX(3px);color:var(--c-signal)}
/* Rörelse */
[data-ds=trio]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line-l)}
[data-ds=trio] figure{margin:0;padding:1.5rem 1.5rem 0 0}
[data-ds=trio] figure+figure{padding-left:1.5rem;border-left:1px solid var(--line-l)}
[data-ds=trio] [data-mo3]{aspect-ratio:16/10;width:100%}
[data-ds=trio] [data-mo3] svg{width:100%;height:100%;display:block}
[data-ds=trio] figcaption{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}
[data-ds=trio] b{font-size:var(--fs-h4);font-weight:600;letter-spacing:-.015em}
[data-ds=trio] span{color:var(--c-steel);font-size:.9375rem;line-height:1.5;max-width:22rem;margin:0 auto}
[data-ds=trio] figcaption{text-align:center;align-items:center}
[data-ds=ease]{list-style:none;margin:var(--sp-7) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line-l)}
[data-ds=ease] li{display:flex;flex-direction:column;gap:.625rem;padding:1.25rem 1.5rem 0 0}
[data-ds=ease] li+li{padding-left:1.5rem;border-left:1px solid var(--line-l)}
[data-ds=ease] code{color:var(--c-ink)}
[data-ds=ease] i{position:relative;display:block;height:9px;margin-top:.5rem;background:linear-gradient(var(--line-l),var(--line-l)) 0 50%/100% 1px no-repeat}
[data-ds=ease] em{position:absolute;left:0;top:0;width:9px;height:9px;background:var(--c-ink)}
.nxv-js [data-ds=ease].is-in em[data-k=settle]{animation:nxdsE 3.2s var(--e-settle) .3s infinite}
.nxv-js [data-ds=ease].is-in em[data-k=travel]{animation:nxdsE 3.2s var(--e-travel) .3s infinite}
.nxv-js [data-ds=ease].is-in em[data-k=time]{background:var(--c-signal);box-shadow:0 0 0 1px rgba(8,8,8,.18);animation:nxdsT 3.2s steps(1) .3s infinite}
@keyframes nxdsE{0%{left:0}45%,55%{left:calc(100% - 9px)}100%{left:0}}
@keyframes nxdsT{0%{left:0}33%{left:calc(30% - 4px)}66%{left:calc(60% - 4px)}100%{left:calc(100% - 9px)}}
/* Kvalitet */
[data-ds=bp]{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem 2rem;align-items:center;margin-top:clamp(3rem,2rem + 3vw,4.5rem);padding-top:1.5rem;border-top:1px solid var(--line-d)}
[data-ds=bp] small{color:var(--c-ash)}
[data-ds=bp] ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
[data-ds=bp] li{padding:.5rem .625rem;font:600 .8125rem/1 ui-monospace,"SF Mono",Menlo,Consolas,monospace;color:var(--c-paper);box-shadow:inset 0 0 0 1px var(--line-d)}
[data-ds=bp-note]{grid-column:2;margin:0;font-size:.875rem;color:#a9aaaf}
[data-ds-page=quality] [data-omp=grid] b{font-variant-numeric:tabular-nums}
@media (max-width:1199px){
 [data-ds=swatches]{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:1.5rem}
 [data-ds=swatches] li:nth-child(4n+1){padding-left:0;border-left:0}
 [data-ds=specs]{grid-template-columns:repeat(2,minmax(0,1fr))}
 [data-ds=patterns] ul{grid-template-columns:repeat(3,minmax(0,1fr))}
 [data-ds=patterns] li:nth-child(3n+1){border-left:0}[data-ds=patterns] li:nth-child(3n+1) a{padding-left:0}
 [data-ds=patterns] li:nth-child(n+4){border-top:1px solid var(--line-d)}
}
@media (max-width:991px){
 [data-ds=specimen],[data-ds=split]{grid-template-columns:1fr}
 [data-ds=scale] li{grid-template-columns:1fr;gap:.625rem}
 [data-ds=scale] code{text-align:left}
 [data-ds=trio]{grid-template-columns:1fr}
 [data-ds=trio] figure,[data-ds=trio] figure+figure{padding:1.5rem 0;border-left:0}
 [data-ds=trio] figure+figure{border-top:1px solid var(--line-l)}
 [data-ds=trio] [data-mo3]{max-width:30rem;margin:0 auto}
}
@media (max-width:767px){
 [data-ds=meta] li{padding:1rem 1rem 0;flex:1 1 40%}
 [data-ds=meta] li:nth-child(3){border-left:0}
 [data-ds=swatches]{grid-template-columns:repeat(2,minmax(0,1fr))}
 [data-ds=swatches] li:nth-child(4n+1){padding-left:1rem;border-left:1px solid var(--line-l)}
 [data-ds=swatches] li:nth-child(2n+1){padding-left:0;border-left:0}
 [data-ds=specs]{grid-template-columns:1fr}
 [data-ds=patterns] ul{grid-template-columns:1fr}
 [data-ds=patterns] li+li{border-left:0;border-top:1px solid var(--line-d)}
 [data-ds=patterns] li a,[data-ds=patterns] li+li a{padding-left:0}
 [data-ds=anatomy] figure{grid-template-columns:1fr}
 [data-ds=anatomy] figcaption{padding:1.25rem 0 0;border-left:0;border-top:1px dashed rgba(8,8,8,.24)}
 [data-ds=anatomy] figcaption span::before{display:none}
 [data-ds=facts]{grid-template-columns:1fr}
 [data-ds=facts] div+div{padding-left:0;border-left:0}
 [data-ds=ease]{grid-template-columns:1fr}
 [data-ds=ease] li,[data-ds=ease] li+li{padding:1.25rem 0;border-left:0}
 [data-ds=ease] li+li{border-top:1px solid var(--line-l)}
 [data-ds=bp]{grid-template-columns:1fr}
 [data-ds=bp-note]{grid-column:1}
}
@media (prefers-reduced-motion:reduce){[data-ds=swatches] i,[data-ds=space] i{transform:none;opacity:1;transition:none}[data-ds] em,[data-ds=signal] i::after{animation:none!important}}
[data-tjp=detail] dd a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em;text-decoration-color:currentColor}
[data-tjp=detail] dd a:hover{text-decoration-color:var(--c-signal)}
/* 42. /designsystem: knapptillstånd (exempel, ej klickbara) */
.nxv-btn:focus-visible{outline:2px solid var(--c-ink);outline-offset:3px}
.nxv-dark .nxv-btn:focus-visible{outline-color:var(--c-paper)}
[data-ds-demo]{cursor:default;pointer-events:none;user-select:none}
[data-ds=states-fig]{grid-column:1/-1}
[data-ds=states-fig]{min-width:0}
[data-ds=states]{display:grid;padding:1.5rem;min-width:0}
[data-ds=states] [role=row]{display:grid;grid-template-columns:9rem repeat(4,minmax(11.5rem,1fr));align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line-d)}
[data-ds=states] [role=row]:last-child{border-bottom:0}
[data-ds=states-head]{padding-top:0!important}
[data-ds=states-head] span{font:500 .6875rem/1 ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase;color:#a9aaaf}
[data-ds=states] [role=rowheader]{display:flex;flex-direction:column;gap:.35rem;font-size:.875rem;color:var(--c-paper)}
[data-ds=states] [role=rowheader] code{font-size:.75rem;color:#a9aaaf}
[data-ds=states] [role=cell]{display:flex;align-items:center}
.nxv-dark .nxv-btn[data-state=hover]{background:#fff;border-color:#fff}
.nxv-dark .nxv-btn--ghost[data-state=hover]{background:var(--c-paper);color:var(--c-ink);border-color:var(--c-paper)}
.nxv-btn[data-state=hover]::after{transform:translateX(4px)}
.nxv-btn[data-state=focus]{outline:2px solid var(--c-paper);outline-offset:3px}
[data-state=disabled]{opacity:.35}
.nxv-link[data-state=hover]{background-size:100% 1px,100% 1px}
.nxv-link[data-state=hover]::after{transform:translateX(3px)}
.nxv-link[data-state=focus]{outline:2px solid var(--c-paper);outline-offset:3px}
@media (max-width:1100px){[data-ds=states-head]{display:none!important}[data-ds=states] [role=row]{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 1rem;padding:1.5rem 0}[data-ds=states] [role=rowheader]{grid-column:1/-1}[data-ds=states] [role=cell]{flex-direction:column;align-items:flex-start;gap:.6rem}[data-ds=states] [role=cell]::before{content:attr(data-label);font:500 .6875rem/1 ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase;color:#a9aaaf}[data-ds=states] .nxv-btn{max-width:100%}}
@media (max-width:520px){[data-ds=states]{padding:1rem 1.25rem}[data-ds=states] [role=row]{grid-template-columns:1fr}}

/* ===== v4.16 granskningsfixar (2026-10-29) ===== */
/* 1. Etiketter minst 12px (DS: --fs-label .75rem) */
.nxv figcaption small,.nxv blockquote cite,.nxv-scan-tag,.nxv-scan-row>span,.nxv-wa-fx li>s,.nxv-wa-fx li>code,
[data-tjp=stage]>small,.nxv dt,.nxv li>small,[data-sjp=meta],[data-sjp=way]>small,.nxv-sj-tab b,.nxv-sj-tab small,
.nxv li>code,.nxv figcaption code,[data-ds=states-head]>span,.nxv a>small,.nxv p>small,.nxv-rail-n,
.wa-steps3 li>b,.wa-wl-list li>b,.nxv [data-sjp=meta],.nxv figcaption:not(:has(>:not(span)))>span{font-size:.75rem!important}
/* 2. Kontrast: ash är förbjudet som text på ljust (DS) */
.nxv-sj-tab small{color:var(--c-steel,#55575E)}
.nxv-scan-in>span{color:var(--c-steel,#55575E)}
.nxv-rail-n{color:var(--c-graphite,#252525)}
.nxv-on-rail-dark .nxv-rail-n{color:var(--c-paper,#ECEDF0)}
/* 3. Klickytor minst 44px */
.nxv-ft nav[aria-label="Övrigt"] a{display:inline-flex;align-items:center;min-height:44px}
.wa-share-btn{min-height:44px}
/* 4. Webflows rosa felruta visas inte när den är tom */
.nxv .w-form-fail:empty{display:none!important}
/* 5. LCP: rubrik och ingress i heron syns direkt (bara rörelse, ingen tonad start) */
@keyframes nxvrise{from{transform:translate3d(0,1.25rem,0)}to{transform:none}}
.nxv-js .nxv-hero .nxv-h1,.nxv-js .nxv-hero .nxv-h1+p{animation-name:nxvrise!important;opacity:1!important}
/* 6. Dimman: kortare, lättare och bara medan man skrollar (DS-undantag för blur) */
.nxv-fog{height:3.75rem;opacity:0;transition:opacity .45s var(--e-settle)}
.nxv-fog.is-on{opacity:1}
.nxv-fog.is-end,.nxv-fog.is-typing,.nxv-menu-open .nxv-fog{opacity:0!important}
.nxv-fog i:nth-child(1){-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);-webkit-mask:linear-gradient(to bottom,transparent 0%,#000 45%);mask:linear-gradient(to bottom,transparent 0%,#000 45%)}
.nxv-fog i:nth-child(2){-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-mask:linear-gradient(to bottom,transparent 30%,#000 75%);mask:linear-gradient(to bottom,transparent 30%,#000 75%)}
.nxv-fog i:nth-child(3){-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-mask:linear-gradient(to bottom,transparent 60%,#000 100%);mask:linear-gradient(to bottom,transparent 60%,#000 100%)}
@supports (height:100lvh){.nxv-fog{height:calc(3.75rem + 100lvh - 100svh)}}
@media (max-width:767px){.nxv-fog{height:3.25rem}@supports (height:100lvh){.nxv-fog{height:calc(3.25rem + 100lvh - 100svh)}}}
@media (prefers-reduced-motion:reduce){.nxv-fog{display:none}}
/* 7. Hero: märket som teckengaller i 3D (canvas) */
.nxv-hbg .mkg-c{position:absolute;inset:0;width:100%;height:100%}
.mkg-drag,.mkg-drag *{-webkit-user-select:none;user-select:none}
