:root{--bg:#fff;--flate:#faf8f5;--kant:#e8e2d9;--tekst:#1a1a1a;--dempet:#7a6f5f;--aksent:#b89469;--aksent-mork:#9c7a52;--gronn:#2f7d5d;--radius:6px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--tekst);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.6}.wrap{max-width:780px;margin:0 auto;padding:32px 20px 64px}.head{text-align:center;margin-bottom:32px}.head h1{letter-spacing:-.2px;margin:0 0 8px;font-size:28px;font-weight:600}.head p{color:var(--dempet);margin:0}h2{margin:0 0 6px;font-size:21px;font-weight:600}h3{margin:0 0 14px;font-size:17px;font-weight:600}.sub{color:var(--dempet);margin:0 0 20px;font-size:14px}.eyebrow{letter-spacing:1.4px;text-transform:uppercase;color:var(--aksent);margin-bottom:8px;font-size:11px;font-weight:600;display:block}.kort{background:var(--flate);border:1px solid var(--kant);border-radius:var(--radius);margin-bottom:24px;padding:28px}.kort.ai{background:#fff}.progress{background:var(--kant);border-radius:2px;height:3px;margin-bottom:20px}.progress span{background:var(--aksent);border-radius:2px;height:100%;transition:width .3s;display:block}.opts{gap:10px;margin-top:18px;display:grid}@media (min-width:520px){.opts{grid-template-columns:1fr 1fr}}.opt{text-align:left;border:1px solid var(--kant);border-radius:var(--radius);width:100%;font:inherit;color:inherit;cursor:pointer;background:#fff;align-items:center;gap:12px;padding:14px 16px;transition:border-color .15s,transform 50ms;display:flex}.opt:hover{border-color:var(--aksent)}.opt:active{transform:translateY(1px)}.opt:focus-visible{outline:2px solid var(--aksent);outline-offset:2px}.dot{border:1px solid #0000001f;border-radius:50%;flex:none;width:22px;height:22px}.tilbake{color:var(--dempet);font:inherit;cursor:pointer;background:0 0;border:0;margin-top:18px;padding:4px;font-size:14px;text-decoration:underline}.tilbake:hover{color:var(--tekst)}.resultat{text-align:center}.treff{gap:14px;margin:22px 0 18px;display:grid}@media (min-width:560px){.treff{grid-template-columns:repeat(3,1fr)}}.treffkort{border:1px solid var(--kant);border-radius:var(--radius);background:#fff;flex-direction:column;align-items:center;gap:4px;padding:20px 12px 16px;display:flex;position:relative}.treffkort.best{border-color:var(--aksent);box-shadow:0 0 0 1px var(--aksent)}.merke{background:var(--aksent);color:#fff;letter-spacing:.6px;text-transform:uppercase;white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:10px;font-weight:600;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.treffkort b{font-size:17px}.navn{color:var(--dempet);font-size:12.5px}.tillit{color:var(--aksent-mork);font-size:11px;font-weight:600}.begrunnelse{color:var(--dempet);margin-top:4px;font-size:12px}.swatch{border:1px solid #0000001f;border-radius:50%;width:54px;height:54px;margin-bottom:6px}.swatch.liten{width:34px;height:34px;margin-bottom:4px}.status{border-radius:20px;margin-top:6px;padding:2px 8px;font-size:11px;font-weight:600}.status.inne{color:var(--gronn);background:#eaf5ef}.status.venter{color:#8a6a1f;background:#fdf4e0}.lenke{color:var(--aksent-mork);margin-top:4px;font-size:12px}.hjelp{color:var(--dempet);margin:4px 0 18px;font-size:13.5px}.knapper{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.btn{border-radius:var(--radius);background:var(--aksent);color:#fff;padding:11px 18px;font-size:14px;font-weight:500;text-decoration:none;display:inline-block}.btn:hover{background:var(--aksent-mork)}a{color:var(--aksent-mork)}.dropzone{text-align:center;background:var(--flate);border:2px dashed var(--aksent);border-radius:var(--radius);cursor:pointer;flex-direction:column;align-items:center;gap:6px;padding:52px 24px;display:flex}.dropzone:hover{background:#f6f1e9}.ikon{font-size:40px}.dz-tittel{font-size:15px}.dz-sub{color:var(--dempet);font-size:12px}.analyse{text-align:center}.opplastet{border-radius:var(--radius);border:1px solid var(--kant);width:100%;max-width:240px}.laster{color:var(--dempet);font-size:14px}.analysetekst{margin:16px 0 4px;font-size:14.5px}.feil{color:#a3341f;border-radius:var(--radius);background:#fdeeea;padding:10px 14px;font-size:13.5px}.skille{color:var(--dempet);align-items:center;gap:14px;margin:28px 0;display:flex}.skille:before,.skille:after{content:"";background:var(--kant);flex:1;height:1px}.skille span{letter-spacing:1.3px;text-transform:uppercase;font-size:11.5px}.alle{border-top:1px solid var(--kant);padding-top:26px}.rad{flex-wrap:wrap;gap:16px;display:flex}.mini{flex-direction:column;align-items:center;font-size:12px;display:flex;position:relative}.prikk{background:#e0a92e;border:1.5px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:0;right:2px}.fotnote{color:var(--dempet);margin-top:16px;font-size:12.5px}@media (prefers-reduced-motion:reduce){*{transition:none!important}}