:root{--candidate:#34ddd0;--employer:#8bb5ff;--supplier:#c9a9ff}.header nav a{padding:.75rem 0;border-bottom:2px solid transparent}.header nav a[aria-current=page]{color:var(--cyan);border-color:var(--cyan)}.contact-link{font-size:.9rem;color:var(--muted)}.entrance{padding-block:3.5rem}.entrance-heading{display:flex;align-items:center;justify-content:space-between;gap:3rem;margin-bottom:2.5rem}.entrance h1{font-size:clamp(3rem,5vw,4.3rem);margin:0}.entrance .lead{font-size:1.05rem;max-width:27rem;margin:0}.entrance .lead strong{display:block;color:var(--ink);margin-top:1rem}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.audience-card{--accent:var(--candidate);display:flex;flex-direction:column;padding:1.8rem 1.6rem;border:1px solid #ffffff2b;border-top:3px solid var(--accent);border-radius:.5rem;background:#112332;transition:.2s}.audience-card.employer{--accent:var(--employer)}.audience-card.supplier{--accent:var(--supplier)}.audience-card:hover{transform:translateY(-5px);border-color:var(--accent)}.card-top{display:flex;justify-content:space-between;color:var(--accent);font-size:.75rem;letter-spacing:.1em;font-weight:700}.audience-card h2{font-size:clamp(1.7rem,2.5vw,2.2rem);margin-top:1.5rem}.audience-card p{font-size:1rem;line-height:1.7;color:#c0ccd4;flex:1}.audience-card ul{list-style:none;padding:0;font-size:.9rem;line-height:1.7}.audience-card li:before{content:"✓";color:var(--accent);margin-right:.6rem}.card-action{border-top:1px solid var(--line);padding-top:1.2rem;margin-top:1rem;font-size:.9rem;font-weight:600;display:flex;justify-content:space-between}.card-action b{color:var(--accent);font-size:1.5rem}.shared-promise{border-top:1px solid var(--line);padding-block:2.5rem 3.5rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem 4rem;align-items:center}.shared-promise .eyebrow{grid-column:1/-1;margin:0}.shared-promise h2{font-size:2.2rem}.shared-promise>p:last-child{font-size:1rem;line-height:1.8;color:var(--muted)}.audience-hero{display:grid;grid-template-columns:1.08fr 1fr;gap:4.5rem;align-items:center;padding-block:4rem}.audience-hero h1{font-size:clamp(3rem,4.5vw,4rem)}.audience-hero .lead{max-width:33rem;font-size:1.05rem}.audience-arbetsgivare{--cyan:var(--employer)}.audience-leverantorer{--cyan:var(--supplier)}.sample-stage{max-width:25rem;padding:1.5rem 2rem 1rem;background:#152b3a;border:1px solid var(--line)}.sample-stage>p{font-size:.8rem}.sample-stage .flat-document{max-width:16rem;margin:auto}.sample-open{display:block;margin:1rem auto 0;border:0;background:none;color:var(--ink);font:inherit}.flow-panel{padding:2rem;background:#182c3f;border:1px solid var(--line)}.flow-panel h2{font-size:2rem}.flow-panel ol{list-style:none;padding:0}.flow-panel li{display:flex;gap:1rem;border-top:1px solid var(--line);padding:1rem 0}.flow-panel li>b,.benefit-grid article>b{color:var(--cyan);font-size:.8rem}.flow-panel h3{font-size:1.05rem;margin:0}.flow-panel p{font-size:.9rem;line-height:1.6;color:#c0ccd4;margin:.3rem 0 0}.compact-section{padding-block:3.5rem}.compact-section h2{font-size:2.5rem}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;margin-top:2rem}.benefit-grid article{border-top:1px solid #163c352a;padding-top:1.3rem}.benefit-grid h3{font-size:1.3rem}.benefit-grid p{font-size:1rem;line-height:1.75;color:#52676a}.questions{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem}.questions h2{font-size:2.3rem}.questions details{border-top:1px solid var(--line)}.questions details:last-child{border-bottom:1px solid var(--line)}.questions summary{font-size:1rem;padding:1.2rem 0;cursor:pointer}.questions details p{font-size:.95rem;line-height:1.75;color:#bdc9d2}.questions a{color:var(--cyan);text-decoration:underline}footer nav{display:flex;gap:1.2rem;font-size:.8rem;color:#c4d0d8}
@media(max-width:900px){.audience-grid{grid-template-columns:1fr}.entrance-heading,.audience-hero{gap:2rem}.header nav{gap:1rem}}
@media(max-width:700px){.header{height:auto;min-height:7rem;flex-wrap:wrap}.header nav{display:flex;order:3;flex-basis:100%;justify-content:space-between;gap:.5rem;font-size:.75rem}.contact-link{margin-left:auto}.entrance-heading{display:block}.entrance h1{font-size:2.8rem;margin-bottom:1.4rem}.shared-promise,.audience-hero,.benefit-grid,.questions{grid-template-columns:1fr}.audience-hero{padding-block:2.5rem}.audience-hero h1{font-size:2.75rem}.compact-section h2{font-size:2rem}.sample-stage{max-width:22rem}.flow-panel{padding:1.5rem}footer nav{flex-wrap:wrap}}