header[data-astro-cid-3ef6ksr2]{position:sticky;top:0;z-index:1000}.header-inner[data-astro-cid-3ef6ksr2]{background:#f6faffe6;backdrop-filter:blur(20px) saturate(1.15);-webkit-backdrop-filter:blur(20px) saturate(1.15);border-bottom:1px solid var(--border);padding:.875rem 0}nav[data-astro-cid-3ef6ksr2]{display:flex;justify-content:space-between;align-items:center}.logo[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:.5rem;text-decoration:none;transition:opacity .15s ease}.logo[data-astro-cid-3ef6ksr2]:hover{opacity:.8}.logo-mark[data-astro-cid-3ef6ksr2]{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--primary)}.logo-text[data-astro-cid-3ef6ksr2]{color:var(--text);font-family:var(--font-display);font-weight:400;font-style:italic;font-size:1.25rem;letter-spacing:-.02em}.nav-links[data-astro-cid-3ef6ksr2]{display:flex;list-style:none;gap:.25rem;padding:0;margin:0;align-items:center}.nav-links[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{color:var(--text-secondary);font-weight:500;font-size:.8125rem;transition:color .15s ease;position:relative;border-radius:var(--radius-sm);padding:.4rem .7rem;letter-spacing:-.01em}.nav-links[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:hover{color:var(--text);background:var(--bg-card-hover)}.nav-links[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2][aria-current=page]{color:var(--text)}.nav-links[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2][aria-current=page]:after{content:"";position:absolute;bottom:0;left:.7rem;right:.7rem;height:1px;background:var(--primary)}@media(max-width:768px){.nav-links[data-astro-cid-3ef6ksr2]{gap:.15rem}.logo-mark[data-astro-cid-3ef6ksr2]{width:22px;height:22px}.logo-mark[data-astro-cid-3ef6ksr2] svg[data-astro-cid-3ef6ksr2]{width:16px;height:16px}}@media(max-width:640px){.nav-links[data-astro-cid-3ef6ksr2]{flex-wrap:wrap;justify-content:flex-end;row-gap:.2rem;max-width:65%}.nav-links[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{padding:.3rem .5rem;font-size:.75rem}}footer[data-astro-cid-sz7xmlte]{background:var(--bg-card);border-top:1px solid var(--border);margin-top:var(--spacing-4xl);padding:var(--spacing-3xl) 0 var(--spacing-xl)}.footer-top[data-astro-cid-sz7xmlte]{display:grid;gap:var(--spacing-3xl);margin-bottom:var(--spacing-2xl)}@media(min-width:768px){.footer-top[data-astro-cid-sz7xmlte]{grid-template-columns:1fr 2fr}}.footer-brand[data-astro-cid-sz7xmlte]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer-logo[data-astro-cid-sz7xmlte]{display:inline-flex;align-items:center;gap:.4rem;color:var(--primary);text-decoration:none;transition:opacity .15s ease}.footer-logo[data-astro-cid-sz7xmlte] span[data-astro-cid-sz7xmlte]{font-family:var(--font-display);font-style:italic;font-size:1.125rem;color:var(--text)}.footer-logo[data-astro-cid-sz7xmlte]:hover{opacity:.7}.footer-brand[data-astro-cid-sz7xmlte] p[data-astro-cid-sz7xmlte]{color:var(--text-muted);font-size:.875rem;line-height:1.5;margin:0}.footer-nav[data-astro-cid-sz7xmlte]{display:grid;gap:var(--spacing-2xl)}@media(min-width:640px){.footer-nav[data-astro-cid-sz7xmlte]{grid-template-columns:auto 1fr}}.footer-col[data-astro-cid-sz7xmlte] h4[data-astro-cid-sz7xmlte]{margin-top:0;margin-bottom:var(--spacing-md);font-size:.6875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-weight:500}.footer-col[data-astro-cid-sz7xmlte] ul[data-astro-cid-sz7xmlte]{list-style:none;padding:0;margin:0}.footer-col[data-astro-cid-sz7xmlte] li[data-astro-cid-sz7xmlte]{margin-bottom:.375rem}.footer-col[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{color:var(--text-secondary);font-size:.875rem;transition:color .15s ease;font-weight:400}.footer-col[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:var(--text)}.footer-col[data-astro-cid-sz7xmlte] p[data-astro-cid-sz7xmlte]{color:var(--text-muted);font-size:.8125rem;line-height:1.6;margin:0;max-width:36ch}.footer-bottom[data-astro-cid-sz7xmlte]{padding-top:var(--spacing-xl);border-top:1px solid var(--border)}.footer-bottom[data-astro-cid-sz7xmlte] p[data-astro-cid-sz7xmlte]{color:var(--text-muted);font-size:.75rem;margin:0;letter-spacing:.02em}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #0f8f7a;--primary-dim: #0a6f61;--primary-glow: rgba(15, 143, 122, .12);--primary-glow-strong: rgba(15, 143, 122, .2);--accent: #b54776;--accent-dim: #8e365b;--text: #152033;--text-medium: #2a3954;--text-light: #5c6f8f;--text-secondary: #4b5d7d;--text-muted: #667894;--focus-ring: #0f8f7a;--bg: #f5f8fc;--bg-elevated: #ffffff;--bg-light: #eef4fb;--bg-card: #f9fbff;--bg-card-hover: #f1f6fc;--surface: #edf3fb;--border: rgba(20, 36, 63, .12);--border-light: rgba(20, 36, 63, .08);--border-accent: rgba(15, 143, 122, .25);--divider: rgba(20, 36, 63, .16);--shadow-xs: 0 1px 2px rgba(29, 43, 72, .08);--shadow-sm: 0 4px 10px rgba(29, 43, 72, .09);--shadow-md: 0 12px 30px rgba(29, 43, 72, .12);--shadow-lg: 0 24px 55px rgba(29, 43, 72, .16);--shadow-glow: 0 10px 30px rgba(15, 143, 122, .12);--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--max-width: 1200px;--max-width-narrow: 800px;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 24px;--font-sans: "DM Sans", "Helvetica Neue", sans-serif;--font-display: "Instrument Serif", "Georgia", serif;--font-mono: "JetBrains Mono", "SF Mono", monospace}html,body{min-height:100%}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--text-medium);line-height:1.7;background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;font-weight:400;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;right:0;height:60vh;background:radial-gradient(ellipse 800px 600px at 20% 0%,rgba(15,143,122,.09) 0%,transparent 70%),radial-gradient(ellipse 600px 400px at 80% 10%,rgba(181,71,118,.06) 0%,transparent 70%);z-index:-1;pointer-events:none}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-xl)}main.container{position:relative}article{max-width:960px;margin:0 auto;padding-top:clamp(2rem,4vw,3.5rem);padding-bottom:clamp(3rem,5vw,5rem);animation:rise-in .6s cubic-bezier(.16,1,.3,1) both}article>*{animation:fade-in .7s cubic-bezier(.16,1,.3,1) both}article>*:nth-child(2){animation-delay:.04s}article>*:nth-child(3){animation-delay:.08s}article>*:nth-child(4){animation-delay:.12s}article>*:nth-child(5){animation-delay:.16s}h1,h2,h3,h4,h5,h6{line-height:1.12;color:var(--text);letter-spacing:-.025em}h1{font-family:var(--font-display);font-size:clamp(2.4rem,5vw,4rem);font-weight:400;font-style:italic;margin-bottom:1.2rem;letter-spacing:-.03em}h2{font-family:var(--font-display);font-size:clamp(1.75rem,3vw,2.5rem);font-weight:400;font-style:italic;margin-top:var(--spacing-4xl);margin-bottom:var(--spacing-lg);padding-top:var(--spacing-xl)}h3{font-size:clamp(1.05rem,1.8vw,1.25rem);font-weight:600;margin-top:var(--spacing-xl);margin-bottom:var(--spacing-sm);color:var(--text);letter-spacing:-.015em}h4{font-size:.8125rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em}p{margin-bottom:var(--spacing-lg);line-height:1.75;color:var(--text-medium);font-size:1rem}a{color:var(--primary);text-decoration:none;transition:color .2s ease;font-weight:500}a:hover{color:var(--primary-dim)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px;box-shadow:none}table{width:100%;border-collapse:separate;border-spacing:0;margin:var(--spacing-2xl) 0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;font-size:.9375rem}th,td{padding:.875rem 1.25rem;text-align:left;border-bottom:1px solid var(--border)}th{background:var(--bg-elevated);font-weight:600;color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}td{color:var(--text-medium);font-weight:500}tr:last-child td{border-bottom:none}tbody tr{transition:background .15s ease}tbody tr:hover td{background:var(--bg-card-hover)}ul,ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}li{margin-bottom:var(--spacing-sm);color:var(--text-medium);line-height:1.65}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);text-decoration:none;white-space:nowrap;letter-spacing:-.01em}.btn:hover{background:#12a48c;color:#fff;transform:translateY(-1px);box-shadow:0 6px 20px #0f8f7a3d}.btn:active{transform:translateY(0);box-shadow:none}.card,.summary-box,.faq-item,.calculator,.intent-coverage,.pros,.cons,.result-box{border-radius:var(--radius-lg)}.card{background:var(--bg-card);border:1px solid var(--border);padding:clamp(1.25rem,2.3vw,1.75rem);margin-bottom:var(--spacing-xl);transition:all .25s cubic-bezier(.16,1,.3,1);position:relative}.card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(46,232,197,.03) 0%,transparent 50%);opacity:0;transition:opacity .25s ease;pointer-events:none}.card h3{margin-top:0;margin-bottom:var(--spacing-sm);font-size:1.125rem}.card p{margin-bottom:var(--spacing-md);font-size:.9375rem;line-height:1.6;color:var(--text-secondary)}.card:hover{border-color:var(--border-accent);background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.card:hover:before{opacity:1}[data-page-type=home] .card{transition:all .3s cubic-bezier(.16,1,.3,1)}[data-page-type=home] .card:hover{transform:translateY(-4px)}[data-page-type=ladda] .card:hover{transform:translateY(-3px)}[data-page-type=kalkylator] .card:hover,[data-page-type=fragor] .card:hover,[data-page-type=jamfor] .card:hover{transform:translateY(-2px)}[data-page-type=kalkylator] .btn{animation:cta-pulse 3s ease-in-out infinite}[data-page-type=kalkylator] .btn:hover{animation-play-state:paused}.summary-box{background:var(--bg-card);border:1px solid var(--border-accent);padding:clamp(1.5rem,2.5vw,2rem);margin:var(--spacing-2xl) 0;position:relative;overflow:hidden}.summary-box:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary),transparent)}.summary-box h3{margin-top:0;font-size:.6875rem;color:var(--primary);font-weight:600;margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:.15em}.summary-box p{color:var(--text);font-size:1.0625rem;line-height:1.7;margin-bottom:0;font-weight:400}.summary-box strong{color:var(--text);font-weight:600}.faq{margin-top:var(--spacing-2xl)}.faq-item{margin-bottom:var(--spacing-lg);padding:var(--spacing-xl);background:var(--bg-card);border:1px solid var(--border);transition:all .2s ease}.faq-item:hover{border-color:var(--border-accent)}.faq-item:last-child{margin-bottom:0}.faq-question{font-weight:600;font-size:1.0625rem;margin-bottom:var(--spacing-sm);color:var(--text);line-height:1.4;letter-spacing:-.01em}.faq-answer{color:var(--text-secondary);font-size:1rem;line-height:1.72}.faq-answer p{margin-bottom:var(--spacing-sm);color:var(--text-secondary)}.faq-answer p:last-child{margin-bottom:0}.updated-date{display:inline-flex;align-items:center;color:var(--text-muted);font-size:.8125rem;margin-bottom:var(--spacing-xl);font-weight:500;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:.35rem .75rem}.calculator{background:var(--bg-card);border:1px solid var(--border);padding:var(--spacing-2xl);margin:var(--spacing-2xl) 0}.calculator label{display:block;font-weight:500;margin-bottom:var(--spacing-xs);color:var(--text);font-size:.875rem;letter-spacing:-.01em}.calculator input,.calculator select{width:100%;padding:.8rem 1rem;border:1px solid var(--border);border-radius:var(--radius);font-size:1rem;margin-bottom:var(--spacing-lg);background:var(--bg-elevated);transition:all .2s ease;font-family:var(--font-sans);color:var(--text)}.calculator input:focus,.calculator select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.calculator input:hover,.calculator select:hover{border-color:#14243f3d}.result-box{background:linear-gradient(135deg,var(--bg-card) 0%,var(--surface) 100%);border:1px solid var(--border-accent);color:var(--text);padding:var(--spacing-2xl);margin-top:var(--spacing-xl);text-align:center;position:relative;overflow:hidden}.result-box:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary),transparent)}.result-box h3{color:var(--primary);margin:0 0 var(--spacing-sm) 0;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em}.result-value{font-size:clamp(2.2rem,4.5vw,3.2rem);font-weight:600;letter-spacing:-.03em;line-height:1.06;color:var(--text);font-family:var(--font-display);font-style:italic}.grid{display:grid;gap:var(--spacing-lg);margin:var(--spacing-2xl) 0}section{margin-bottom:var(--spacing-3xl)}:target{scroll-margin-top:6rem}.skip-link{position:absolute;top:-100px;left:1rem;z-index:2000;background:var(--bg-card);color:var(--primary);border:1px solid var(--border-accent);border-radius:var(--radius);padding:.6rem 1rem;font-weight:600;transition:top .15s ease}.skip-link:focus{top:1rem}.ad-container{background:var(--bg-card);border:1px dashed var(--border);padding:var(--spacing-xl);margin:var(--spacing-2xl) 0;text-align:center;min-height:220px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.875rem;border-radius:var(--radius-lg)}.checklist{list-style:none;padding-left:0}.checklist li{padding-left:2rem;position:relative;margin-bottom:var(--spacing-sm);color:var(--text-medium);font-size:1rem}.checklist li:before{content:"✓";position:absolute;left:0;color:var(--primary);font-weight:600;font-size:.75rem;width:1.25rem;height:1.25rem;display:grid;place-items:center;background:var(--primary-glow);border-radius:50%}.intent-coverage{background:var(--bg-card);border:1px solid var(--border);padding:var(--spacing-2xl)}.intent-coverage h2{margin-top:0;padding-top:0}.intent-followups{display:grid;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.intent-deep-grid{display:grid;gap:var(--spacing-md);margin:0 0 var(--spacing-xl)}.intent-deep-card{background:linear-gradient(150deg,#f9faff,#f1f5fc);border:1px solid var(--border);border-radius:16px;padding:.9rem 1rem;box-shadow:var(--shadow-xs)}.intent-deep-card h4{margin:0 0 .35rem}.intent-deep-card p{margin:0;font-size:.95rem}.intent-coverage h4{margin:0}.intent-prompts{list-style:none;padding-left:0;margin-bottom:0}.intent-prompts li{margin-bottom:var(--spacing-sm)}.intent-prompts code{display:block;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem .875rem;color:var(--text-medium);font-family:var(--font-mono);font-size:.8125rem;line-height:1.5;white-space:pre-wrap}.pros-cons{display:grid;gap:var(--spacing-lg);margin:var(--spacing-xl) 0}.pros,.cons{padding:var(--spacing-xl);border:1px solid var(--border)}.pros{background:#2ee8c50a;border-color:#2ee8c526}.cons{background:#ff6b9d0a;border-color:#ff6b9d26}.pros h3,.cons h3{margin-top:0;font-weight:600;font-size:1.0625rem}.pros h3{color:var(--primary)}.cons h3{color:var(--accent)}@media(max-width:768px){.container{padding:0 var(--spacing-md)}article{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-3xl)}h2{margin-top:var(--spacing-2xl)}.summary-box,.card,.calculator,.intent-coverage,.faq-item,.pros,.cons{border-radius:var(--radius)}.btn{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(min-width:768px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pros-cons{grid-template-columns:1fr 1fr}.intent-deep-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@keyframes rise-in{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes cta-pulse{0%,to{box-shadow:0 0 #2ee8c533}50%{box-shadow:0 0 0 6px #2ee8c500}}